html 手机端打开，屏幕台下会出现滚动条

新建一个空白html，手机屏幕小会出现滚动条，没有设置任何样式。怎样设置去掉滚动条，使用页面拉伸效果。

body里面加
body{
overflow:scroll;
overflow-x:hidden;
}
这个是y轴有滚动条，x轴没有。如果是都要滚动条就去掉overflow-x:hidden;，如果是反正哪个轴要滚动条就加上overflow-x/y:scroll;整个页面滚动条就加在body里面，div里面出现滚动条就加在div里面。

<
meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewp
ort" />
width - viewport的宽度
height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { $(".footer_main").hide(); $('.aaa_box_ov').css('overflow',"Scroll"); $('.aaa_box_ov').css('overflow-x',"hidden"); }

窗口变为手机时，刷新下页面，从你的截图来看，你的页面尺寸应该是满屏的分辨率