就是移动端的浏览器默认有一个viewport,大多数手机设备默认的viewport视口是980px,那如果一个pc端的页面是980px宽,则以980px渲染之后,再按照一定比例缩放,则刚好能在手机内完全显示,那如果页面是1200px,那多出来的220px,就不在默认的viewport的980px之内,这部分多出来的是怎么渲染啊?是按照实际的1200渲染,然后再缩放到手机屏幕内吗?还是按照980px渲染?
viewport 可以配置,默认一般是 980px 而且不缩放,这时的 1200 会显示在屏幕外面,会把页面撑开,导致的结果就是下面出现滚动条(不同的手机处理的方式不同)。
如果给 viewport 指定了宽度,那么 1200px 会进行缩放以适应宽度。
viewport 可以配置,默认一般是 980px 而且不缩放,这时的 1200 会显示在屏幕外面,会把页面撑开,导致的结果就是下面出现滚动条(不同的手机处理的方式不同)。
如果给 viewport 指定了宽度,那么 1200px 会进行缩放以适应宽度。