iPhone全屏幕图像

问题描述:

我该如何着手在iPhone上制作全屏图像或部分页面?iPhone全屏幕图像

我有一个480 x 320的图像,我想在iPhone上将其全屏拉出来,但它必须位于网页内,以便我可以将图像链接回上一页。

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

我想说在你的空白页面设置视口meta标签,所以Safari知道要呈现在正确的大小的页面。欲了解更多信息,请参阅以下链接:

Apple iPhone Safari Documentation

希望我没有违反NDA这里,但在这里不用。

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

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

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

我不知道,如果它的问题,但一些例子我见过的还还包括最小规模和最大规模。 `` – 2014-05-04 00:08:04

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

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