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

Question

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

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

水平滚动条出现并与屏幕大小成反比增长。如果您向右滚动，您将在那里什么也看不到，并且您会注意到身体在它应该在的地方结束。

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

-PS 在任何类型的移动设备上都非常刺眼 =(

Answer 1

您的 porftolio 下载部分的 left 属性设置为 520px，比许多小屏幕都宽。

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

Answer 2

除了 Cyrena 所说的，your<ul id="Grid">设置为 100%，它的 parent 设置为 96%，它的曾祖父母id="portfolio"设置为 100%，这一切都会给你一些不必要的宽度扩展。