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 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 (from HTML5 boilerplate): 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). img tag to render on my natural resolution in the mobile safari on an iPhone retina device? (Simulator or otherwise) 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!
/ * 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} /}
Comments
Post a Comment