ipad视口 - 比例和宽度之间的关系?

时间:2011-12-30 08:22:34

标签: iphone ipad viewport

我对viewport mets标签感到有点困惑,用于移动设备:

<meta name="viewport" content="width=1024, initial-scale=1.4, maximum-scale-1.6, minimum-scale=0.25"/>
.

这是什么意思?我的意思是,我得到的是一个视口...它是一个神奇的洞,你可以看一个固定大小的对象。 而且我知道您可能想要给孔增加宽度,因为这样您就可以确定一次可以看到多少固定大小的图像。

但为什么还要给它一个初始规模?有什么意义?为什么不将视口设置为您想要的任何值?初始规模增加了什么?

此外,最大值和最小值是什么?为什么我不希望用户能够按照他们认为合适的比例进行缩放(假设我没有使用'user-scalabe = no'可选条目禁用缩放)?

1 个答案:

答案 0 :(得分:1)

根据Apple,您无需明确设置视口宽度...如果您只是指定初始比例为1,则Safari会在纵向模式下假设width = device-width ...

缩放只是控制页面的缩放级别...如果您为特定的固定宽度/高度设计了网站,您可能不希望用户能够放大或缩小..

您可以查看以下链接以获取更多信息

http://developer.apple.com/library/IOs/ipad/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

请记住,视口主要仅影响移动浏览器..