iPhone全屏图片

题

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

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

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

解决方案

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

其他提示

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

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

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

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

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

许可以下： CC-BY-SA 和归因