Html 右侧奇怪的空白（放大或在移动设备上时）

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

我不明白为什么在放大/或使用宽度小于“975px”的移动设备后，我会在网站右侧看到一个白色边框（似乎是放错了宽度或填充值），因为这是我网站的主要宽度值。 我希望内容、页眉和页脚的主容器即使在放大后仍保持在页面的中心位置。我错过什么了吗？我需要如何重写css？如果有人能帮助我，我将不胜感激

• 网站：
• css:

---

问候并感谢您的帮助

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

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

---

宽度：25em溢出
 据我所知，有几件事导致了你的问题。您需要将
最大宽度：100%
添加到
中。容器
还需要删除
浮动：右侧和
宽度：400px
来自
.nav
，因为这会导致溢出。
问题是标题类宽度，将其设置为宽度：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;
}

我在我的浏览器中看不到它，你在用哪一个？safari、firefox和iPhone 4你的
.nav
有
宽度：400px
和它的子
ul.nav list
有
宽度：450px！重要信息
其溢出。i、 e.当您
zoom+
时，您的
nav菜单
将从
包装中退出。