【问题标题】:CSS - Small amount of side scroll on mobile browsersCSS - 移动浏览器上的少量侧滚动
【发布时间】:2014-03-20 20:10:51
【问题描述】:

我已将网站模板的代码缩减为这个非常基本的页面。即使在这种基本状态下,在移动浏览器上查看时也会出现少量侧滚动。这是在三星、默认浏览器和 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 规则必须保留宽度和边距。

【问题讨论】:

    标签: css


    【解决方案1】:

    如果您想隐藏移动设备上出现的额外空间,请尝试在具有滚动条的元素上使用overflow:hidden

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-05-05
      • 1970-01-01
      • 1970-01-01
      • 2018-11-26
      • 2010-11-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多