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

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

图片说明

4个回答

<
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 - 用户是否可以手动缩放

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

图片说明

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"); }

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐