I am trying to test my web application in a safari in Mobile Safari and can only use the iOS simulator I am My images are all rendering at 2x resolution, I know that it may seem to be at some level, but I really want to render the images at their natural resolution.
How can I get the img tag to render on my natural resolution in the mobile safari on an iPhone retina device? (Simulator or otherwise)
UPDATE
I am not writing a basic application and calling Safari, I am writing a simple official language website I want to present the Safari to my
img tag images in full resolution for both retina and non-retina devices. P> You need to use the media query Retina will not automatically assume that you are using 2x property without it; So that all website graphics will be able to render at 50% of their desired size. Disaster!
(from HTML5 boilerplate):
/ * iPhone 4 and higher pixel ratio device ----------- * / @ Media only screen and (-webkit-min-device-pixel-ratio: 1.5), screen only and (min-device-pixel-ratio: 1.5) {/ * styles} /} Use the ratio here to target only the iPhone Retina: 2, but some devices, like Samsung Galaxy S, have a very high ridge - 220 ppi, I think - though they are absolutely Green, so look for the device react 1.5 query. This ratio comes from the amount of real pixels that a pixel appears. Pixel math, yay! Finally proves that they are not absolute entities (and never).
Comments
Post a Comment