I’ve recently been getting back into iPhone development with the iPhone 5’s new screen and the need to update some of my Apps for the new phone and operating system. As you probably already know, the new 4-inch screen is yet another set of dimensions programmers needs to take into account. The new screen is 1136 pixels wide by 640 pixels in portrait mode. So far I’ve had great luck with the following CSS Media Query for my Portrait only apps, which uses 568px as the fixed device height (times 2.0 pixel ratio equals the 1136px across).<\/p>\n
[code]@media screen and (device-height: 568px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
\n \/\/ css here
\n}[\/code]<\/p>\n
This works well mostly because of the -webkit-min-device-pixel-ratio<\/em> parameter, which detects the retina display in accordance with the higher resolution. <\/p>\n Let me know below what you are using!<\/p>\n","protected":false},"excerpt":{"rendered":" I’ve recently been getting back into iPhone development with the iPhone 5’s new screen and the need to update some of my Apps for the new phone and operating system. As you probably already know, the new 4-inch screen is yet another set of dimensions programmers needs to take into account. The new screen is
more \u00bb<\/a><\/p>\n","protected":false},"author":318,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,38,43,25],"tags":[36,6,126],"class_list":["post-1109","post","type-post","status-publish","format-standard","hentry","category-blog","category-cordova","category-css","category-jquery-mobile","tag-css3","tag-iphone","tag-javascript"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/1109"}],"collection":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/comments?post=1109"}],"version-history":[{"count":5,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/1109\/revisions"}],"predecessor-version":[{"id":1113,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/1109\/revisions\/1113"}],"wp:attachment":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/media?parent=1109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/categories?post=1109"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/tags?post=1109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}