-
1. Re: Best Breakpoint for iPhone Retina Display?
Seth Walker Jun 24, 2013 11:18 PM (in response to urbanazel)Hi Monk,
Instead of trying a new method such as "handheld", you may want to tweak your sizes to a standard resolution size. 400px may need to change to 480px or down to 320px. This in conjuction with the standard meta tags, yes use them. Something similar to:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
I've got a few links for you as resources, the first we just came across a blog that looks like a great place to start with Reflow. It's a template rflw project that has a lot of common breakpoints included, by Stephan Antonas.
It looks like as of now, "handheld" may be a bit sketchy with compatibility, I think most people work around it with more accurate break point values.
http://stackoverflow.com/questions/3893342/do-iphone-android-browsers-support-css-media-ha ndheld
Common screen sizes:
Mozilla Media Query Page:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
Let me know if that helps!


