If you open a web page that is not mobile-specific at all, say, http://dogpile.com , on an iPhone 4, mobile safari does some default zoom to show the entire page.
Does anyone know what logic it is they are actually doing, or how I can simulate this within an iFrame within any browser on a non-mobile device? Should I use a css zoom: on the iFrame document body?
EDIT: So from a NON mobile device browser, e.g. regular old safari, FF, or Chrome, I want to have an iFrame with the resolution of an iPhone and scale the page within the iframe the same way mobile safari does.
The math is based on the width of the
<body>tag. If you don’t have that you could just base in on a with of 980px which is web standard. Assuming this we can create the iframe and full size (980px wide) and then scale the iframe into place with css3. Example here How can I scale the content of an iframe?