8

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

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

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

4

3 回答 3

18

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

默认情况下,Mobile Safari 会呈现页面,就好像该页面已由桌面浏览器查看一样,默认宽度为 980 像素。

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

<head>
    <meta name="viewport" content="width=device-width,user-scalable=no" />
</head>
于 2008-09-23T13:45:00.750 回答
5

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

Apple iPhone Safari 文档

于 2008-09-23T13:42:02.677 回答
2

不错的链接,可以进一步帮助您:

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

于 2009-02-08T22:21:57.877 回答