我现在正在构建一个网站，当我在移动浏览器上加载该网站时，一些元素被推到左边，在右边留下一个难看的空白:
我的猜测是米色大矩形(导航正下方)的宽度大于其下方的 wrapper 。注意:矩形不包含在包装器中。但是，我尝试了几种不同的方法，但我仍然在右边看到那个空白。
谁能帮我指出我哪里做错了？
最佳答案
页面上的元素具有各种不同的宽度，例如 #pinboard div，它的宽度为 1123 像素——比其他一些元素(例如 nav 1000 像素)宽很多。这会在其他较窄的元素和屏幕边缘之间留下空白。 (作为测试，缩小浏览器窗口，您会在页面底部看到一个水平滚动条，这可能超出您的预期。)
如果你给所有东西都一样的宽度，看起来应该会好很多。
关于css - 网站在移动浏览器中看起来不正确，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16837005/