PDA

View Full Version : iphone viewport limit?




technekai
Apr 6, 2008, 11:40 AM
i can't figure out why safari won't display my web content correctly on the iphone. i want to show a large image, 2880 x 2880, and have the whole thing fit in the viewport.

knowing that there are limitations to the max image size safari on iphone will display, i decided to make a giant div with a table that holds a 3 x 3 grid of images, each of which is 960 x 960 (so it adds up to 2880).

my html page (http://www.technekai.com/dark/level3.html) has this metadata:
<meta name="viewport" content="width=2880, user-scalable=1">

and my css page (http://www.technekai.com/dark/dark.css) has this for the relevant div:
#level3 {
height: 2880px;
width: 2880px;
background-color: #000000;
}

BUT i only ever see part of the whole page, it always shows a max of about 1280 width by about 1680 height.

i don't see why the 2880 x 2880 div is not showing. i've tried messing with the scale of the page, or even setting the viewport to a high number like 9000. not working. any suggestions?

thanks for yoru help.