I have some div
s as headers on a page and then text underneath them. When I flip the phone over onto its side the text suddenly becomes inflated even though there is no CSS to do this.
What could be doing this?
When the iPhone is held in portrait, it has a width of 320 pixels (or 640 on the iPhone 4). When it is held horizontally, its width is 480 pixels. The “zoom” effect you’re describing is MobileSafari redrawing the text for the larger width.