iPhone全屏图片-IGI

时间：2020-03-06 14:35:57 　来源:igfitidea点击:

如何在iPhone上全屏显示图像或者页面的一部分？

我有一个480 x 320的图像，我想在iPhone上全屏显示该图像，但是它必须在网页中，这样我才能使该图像成为返回上一页的链接。

目前，如果我将图像放在空白页上，然后在iPhone上打开它，它将显示在左上角。

解决方案

我想说的是在空白页面中设置视口元标记，以便Safari知道以正确的大小呈现页面。有关更多信息，请参见以下链接：

Apple iPhone Safari文档

希望我没有违反这里的保密协议，但是可以。

默认情况下，Mobile Safari呈现的页面就像桌面浏览器已查看过的一样，默认宽度为980像素。

要更改此行为，我们需要显式声明视口，这是通过元标记完成的。如果将宽度声明为恒定的device-width，它将默认为320而不是980，一切看起来都很好。

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

不错的链接可能会进一步：

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