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

Question

我看到在viewport meta中设置maximum-scale=1会停止用户缩放放大和缩小。那么为什么我们需要user-scalable呢？我还看到一个同时包含maximum-scale=1和user-scalable=yes的页面。这里的用法是什么？在我的理解中，用户将不能缩放整个页面，但对于内容，可能是柱状图，用户可以缩放它。是对的吗？

Answer 1

如果使用"width=“显式指定或通过省略width参数隐式指定的布局宽度大于设备的屏幕宽度，则用户可以缩小(大多数浏览器将加载完全缩小的页面)。此时，比例将小于1，因此设置maximum- scale =1意味着用户可以放大到比例达到1，但不能更近。Safari/Chrome的页面比例范围是0.25,5。

你是对的，尽管用户可伸缩是多余的，但你需要指定一个等于最大伸缩的最小伸缩来禁用任何伸缩。例如<meta name="viewport" content="minimum-scale=1, maximum-scale=1">。