javascript - 移动端的默认viewport大小问题？

Question

就是移动端的浏览器默认有一个viewport，大多数手机设备默认的viewport视口是980px，那如果一个pc端的页面是980px宽，则以980px渲染之后，再按照一定比例缩放，则刚好能在手机内完全显示，那如果页面是1200px，那多出来的220px，就不在默认的viewport的980px之内，这部分多出来的是怎么渲染啊？是按照实际的1200渲染，然后再缩放到手机屏幕内吗？还是按照980px渲染？

Answer 1

viewport 可以配置，默认一般是 980px 而且不缩放，这时的 1200 会显示在屏幕外面，会把页面撑开，导致的结果就是下面出现滚动条（不同的手机处理的方式不同）。

如果给 viewport 指定了宽度，那么 1200px 会进行缩放以适应宽度。