iPhone全屏图片

Sma*_*nov 8 html iphone mobile-safari

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

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

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

Han*_*son 18

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

默认情况下,Mobile Safari会将页面呈现为桌面浏览器已查看该页面,默认宽度为980像素.

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

<head>
    <meta name="viewport" content="width=device-width,user-scalable=no" />
</head>
Run Code Online (Sandbox Code Playgroud)


And*_*ies 5

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

Apple iPhone Safari文档