Using just simple HTML on a retina iPad,
the only way I seem to be able to display images 1:1 in Safari
is if a PNG image on the page and is exactly 2048 pixels wide.
That seems to set the iPad into 1:1 mode ... stops scaling.
Example view on retina iPad:
http://members.shaw.ca/JVPhoto/JavaScript/Retina/RetinaiPad.htm
Safari on the retina MacBook Pro works differently.
To display images on it 1:1 you simply set the img tag dimensions to half the actual value.
Example view on a retina MBP:
http://members.shaw.ca/JVPhoto/JavaScript/Retina/rMBP.htm
Anyone have any comments on other ways to display images 1:1 on a retina iPad ?
Or even better how to display a smaller PNG image 1:1 on both the iPad and rMBP from the same page?
the only way I seem to be able to display images 1:1 in Safari
is if a PNG image on the page and is exactly 2048 pixels wide.
That seems to set the iPad into 1:1 mode ... stops scaling.
Example view on retina iPad:
http://members.shaw.ca/JVPhoto/JavaScript/Retina/RetinaiPad.htm
Safari on the retina MacBook Pro works differently.
To display images on it 1:1 you simply set the img tag dimensions to half the actual value.
Example view on a retina MBP:
http://members.shaw.ca/JVPhoto/JavaScript/Retina/rMBP.htm
Anyone have any comments on other ways to display images 1:1 on a retina iPad ?
Or even better how to display a smaller PNG image 1:1 on both the iPad and rMBP from the same page?
Last edited: