technekai
04-11-2008, 12:24 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 has this metadata:
<meta name="viewport" content="width=2880, user-scalable=1">
and my css page 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 your help. i tried posting to macrumors.com, as well as the iphone web app google group, but no replies anywhere yet.
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 has this metadata:
<meta name="viewport" content="width=2880, user-scalable=1">
and my css page 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 your help. i tried posting to macrumors.com, as well as the iphone web app google group, but no replies anywhere yet.