就是移动端的浏览器默认有一个viewport，大多数手机设备默认的viewport视口是980px，那如果一个pc端的页面是980px宽，则以980px渲染之后，再按照一定比例缩放，则刚好能在手机内完全显示，那如果页面是1200px，那多出来的220px，就不在默认的viewport的980px之内，这部分多出来的是怎么渲染啊？是按照实际的1200渲染，然后再缩放到手机屏幕内吗？还是按照980px渲染？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1
867
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
viewport 可以配置，默认一般是 980px 而且不缩放，这时的 1200 会显示在屏幕外面，会把页面撑开，导致的结果就是下面出现滚动条（不同的手机处理的方式不同）。
如果给 viewport 指定了宽度，那么 1200px 会进行缩放以适应宽度。