如何在iPhone上全屏显示图像或部分页面?
我有一个480 x 320的图像,我想在iPhone上全屏显示它,但它必须在一个网页内,以便我可以将图像作为链接返回到上一页。
目前,如果我将图像放在空白页面上并在iPhone上打开它,它就会显示在左上角。
答案 0 :(得分:18)
希望我在这里没有违反NDA,但是这里也是。
默认情况下,移动版Safari会将页面呈现为桌面浏览器查看该页面,默认宽度为980像素。
要更改此行为,您需要显式声明通过元标记执行的视口。如果您将宽度声明为常量 device-width ,则默认为320而不是980,并且一切看起来都很棒。
<head>
<meta name="viewport" content="width=device-width,user-scalable=no" />
</head>
答案 1 :(得分:5)
我想在您的空白页面中设置视口元标记,以便Safari知道以正确的大小呈现页面。有关详细信息,请参阅此链接:
答案 2 :(得分:2)
可以帮助您进一步发展的好链接:
如何针对移动设备优化您的网站: http://solutions.treypiepmeier.com/2008/12/01/optimizing-a-website-for-iphone/