网站容器不会与中心对齐（移动和网络）

Question

希望社区能够帮助我，因为我真的被困住了。我的网站有3个问题：

Website Link

1. 由于一些奇怪的原因 - 我无法让我的专栏直线排队。在桌面和移动设备上，整个页面似乎比在中心更合适
2. 我正在尝试对顶部图像执行的操作是在加载时占用整个页面，然后在滚动时，图像消失。出于某种原因，在移动设备上，图像不会被切断，并允许用户向右滚动。
   1. 在移动设备上，我无法正确显示顶部图像。它垂直延伸，用户必须一直滚动到照片以获取我的内容...我希望主图像像在桌面浏览器上一样调整大小，只在页面加载时占用屏幕空间< / LI>

这里的任何建议都会有所帮助......

Answer 1

在您的项目部分 - 如果您的问题出现在UL标记上的填充 - 这会导致它看起来不对齐。

您可以这样做来修复该部分：

ul.skillssection {
  padding-left: 0;
}

如果你制作了积分或设置了一个小人物，它对社区会更有帮助。

更新 - 回答2号。

我似乎无法复制它，但我已经注意到你了：

img.bg {
  min-height: 100%;
  width: 100%;
  min-width: 780px;
  overflow: hidden;
}

我会将其更改为：

img.bg {
  min-height: 100%;
  max-width: 100%;
  overflow: hidden;
}

因此，max-width始终为100％，并且应该遵循父级的宽度。