We're refreshing the W3C stylesheet right now, and part of that is requiring a good
<meta name=viewport> value so the specs are readable on phones.
We've come up with a pretty decent one so far:
width=device-width, initial-scale=1, shrink-to-fit=no. This seems to work well, but I've found it still has a frustrating weakness:
If some element is wider than the initial viewport size, then the size of the viewport that
position:fixed elements use is increased to be the widest element's width, with the same aspect ratio as the original viewport size.
Example: say your phone's natural viewport is 320px wide and 640px tall. If there's an element in your page that's 400px wide, the fixpos viewport will end up being 400x800 instead, so anything you fixpos to the bottom will be 160px below the bottom edge of the screen. :(
Does anyone know a way to fix this?