我看到在maximum-scale=1
元中设置viewport
将阻止用户缩放放大& out。那么为什么我们需要user-scalable
呢?我还会同时看到包含maximum-scale=1
和user-scalable=yes
的网页。这里的用法是什么?根据我的理解,用户将无法缩放整个页面,但对于内容,可能是柱形图,用户可以缩放它。是不是?
答案 0 :(得分:0)
如果使用“width =”显式指定或通过省略width参数隐式指定的布局宽度大于设备的屏幕宽度,则用户可以缩小(并且大多数浏览器将加载页面完全缩放出)。此时,刻度将小于1,因此设置最大刻度= 1意味着用户可以放大直到刻度达到1,而不是更接近。 Safari / Chrome中的页面缩放范围为[0.25,5]。
虽然用户可扩展是冗余的,但你需要指定一个等于最大比例的最小比例,以便禁用任何缩放。例如<meta name="viewport" content="minimum-scale=1, maximum-scale=1">
。