何时设置viewport maximum-scale = 1和user-scalable = yes?

时间:2015-11-29 04:09:35

标签: html mobile viewport meta

我看到在maximum-scale=1元中设置viewport将阻止用户缩放放大& out。那么为什么我们需要user-scalable呢?我还会同时看到包含maximum-scale=1user-scalable=yes的网页。这里的用法是什么?根据我的理解,用户将无法缩放整个页面,但对于内容,可能是柱形图,用户可以缩放它。是不是?

1 个答案:

答案 0 :(得分:0)

如果使用“width =”显式指定或通过省略width参数隐式指定的布局宽度大于设备的屏幕宽度,则用户可以缩小(并且大多数浏览器将加载页面完全缩放出)。此时,刻度将小于1,因此设置最大刻度= 1意味着用户可以放大直到刻度达到1,而不是更接近。 Safari / Chrome中的页面缩放范围为[0.25,5]。

虽然用户可扩展是冗余的,但你需要指定一个等于最大比例的最小比例,以便禁用任何缩放。例如<meta name="viewport" content="minimum-scale=1, maximum-scale=1">