响应式站点 - 导致水平滚动条的幻像宽度

Question

我正在建立自己的投资组合网站，这让我在尝试使其响应时感到非常悲痛。它没有开始响应，这是我的第一个错误，但我已经非常接近使它全部工作，因为我真的很感谢一些专家的帮助。

如果您转到http://www.moreiradesigns.com并使浏览器屏幕的宽度尽可能小，您将立即看到问题所在。

出现水平滚动条，其长度与屏幕大小成反比。如果向右滚动，你将看不到任何东西，你会注意到身体在它应该的位置结束。

任何帮助都可以很好地诊断问题！

-P.S。它在任何类型的移动设备上都非常耀眼=（

Answer 1

您的投资组合下载部分的左侧属性设置为520px，比许多小屏幕更宽。

.portfolioDownload {
  position: absolute;
  width: 0em;
  height: 0em;
  float: left;
  left: 520px;
  margin-top: 0px;
  visibility: hidden;
}

Answer 2

除了Cyrena所说的，你的<ul id="Grid">设置为100％，其父级设置为96％，其曾祖父母id="portfolio"设置为100％，这将全部合谋给你一些不必要的宽度扩展。