我已经将网站模板的代码缩减到非常基本的页面。即使在这种基本状态下,在移动浏览器上查看时,也会有少量的侧滚动。已在Samsung,默认浏览器和Chrome上进行了测试。
在此演示中,这并不是什么大问题,但在完整模板上,此侧滚动在滚动条所在的右侧(在滚动条下方)添加了一条空白页。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
*{
margin: 0px;
padding: 0px;
}
#header{
width:992px;
margin:0 auto;
background-color:#000000;
height:90px;
}
</style>
</head>
<body>
<div id="header">
</div>
</body>
</html>
我想消除侧面滚动并使页面完全适合屏幕。由于网站的宽度固定且居中,因此必须保留CSS规则的宽度和边距。
overflow:hidden
如果要隐藏移动设备上显示的多余空间,请尝试在具有滚动条的元素上使用。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句