Question

我现在正在建立我的网站几个月，最近遇到了一个问题，我无法摆脱。

我不明白为什么在放大/使用宽度小于'975px'的移动设备后，我的网站右侧会看到一个白色边框（看起来像放错位置的宽度或填充值），因此是我网站的主要宽度值。我希望内容，页眉和页脚的主容器即使在放大后仍然保持在页面的中心。我错过了什么？我如何重写我的CSS？如果有人能以某种方式帮助我，我将不胜感激！

问候＆amp;谢谢你的帮助！

Answer 1

问题是你的标题类宽度，使它宽度：100％，一切都很好

.header {
width: 100%;
height: 250px;
background: url(http://www.ansgarscheffold.com/img/ansgar_scheffold_drawing.jpg) no-repeat;
position: relative;
background-position-x: 60px;
}

Answer 2

我认为这一行造成了问题：

<ul class="nav-list" style="float: none; width: 25em;">

width:25em;正在溢出。

Answer 3

据我所知，有几件事正在引发你的问题。您需要将max-width: 100%添加到.container，同时从float: right;删除width: 400px和.nav，因为这会导致溢出。

右侧奇怪的空白区域（放大或移动设备时）

3 个答案: