网页meta设置了width=device-width，有的手机上却能左右滑动

Question

明明设置了<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">但有的手机网页并不等于设备宽，网页还是会左右晃动为什么？？求大神！！！！

Answer 1

该meta标签的作用是让当前viewport的宽度等于设备的宽度，初始页面宽度等于1倍设备宽度，同时不允许用户手动缩放。initial-scale属性控制页面最初加载时的缩放等级。maximum-scale、minimum-scale及user-scalable属性控制允许用户以怎样的方式放大或缩小页面。有的时候如果页面内部的某些元素大于设备宽度，也会导致页面左右滚动，这属于css布局的问题。

Answer 2

viewport是视口，以设备宽度作为视口宽度的含义是页面的最外层宽度与手机保持一致。但是如果内容包含大于手机宽度的内容，可不是得左右划才能看得到吗

Answer 3

也许是你的页面里有些内容的宽度设置了定宽，而这个定宽的宽度大于当前页面的最大值，超出了屏幕，所以页面会左右滑动。