iPhone全屏图片

时间:2008-09-23 13:38:27

标签: iphone html mobile-safari

如何在iPhone上全屏显示图像或部分页面?

我有一个480 x 320的图像,我想在iPhone上全屏显示它,但它必须在一个网页内,以便我可以将图像作为链接返回到上一页。

目前,如果我将图像放在空白页面上并在iPhone上打开它,它就会显示在左上角。

3 个答案:

答案 0 :(得分:18)

希望我在这里没有违反NDA,但是这里也是。

默认情况下,移动版Safari会将页面呈现为桌面浏览器查看该页面,默认宽度为980像素。

要更改此行为,您需要显式声明通过元标记执行的视口。如果您将宽度声明为常量 device-width ,则默认为320而不是980,并且一切看起来都很棒。

<head>
    <meta name="viewport" content="width=device-width,user-scalable=no" />
</head>

答案 1 :(得分:5)

我想在您的空白页面中设置视口元标记,以便Safari知道以正确的大小呈现页面。有关详细信息,请参阅此链接:

Apple iPhone Safari Documentation

答案 2 :(得分:2)

可以帮助您进一步发展的好链接:

如何针对移动设备优化您的网站: http://solutions.treypiepmeier.com/2008/12/01/optimizing-a-website-for-iphone/