希望社区能够在我真的被困住的情况下为我提供帮助。我的网站出现3个问题:

Website Link


出于某些奇怪的原因-我无法让我的专栏排成一直线。在台式机和移动设备上,整个页面似乎比中间位置更右边
我要对顶部图像进行的操作是使它在加载时占据整个页面,然后在滚动时图像消失。由于某种原因,在移动设备上,图片不会被截断,并且允许用户向右滚动。

在移动设备上,我无法正常显示顶部图片。它是垂直延伸的,用户必须一直滚动到照片上方才能到达我的内容...我希望主图像能够像在桌面浏览器上那样调整大小,并且仅在页面加载时占用屏幕空间



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

最佳答案

在您的项目部分中-如果那是您的问题在UL标签上有填充的地方-这会导致它看起来未对齐。

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

ul.skillssection {
  padding-left: 0;
}


如果您提出要点或设置jsfiddle,这对社区会更有用。

更新-答案2。

我似乎无法复制它,但我注意到您已经:

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


我将其更改为:

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


因此,最大宽度始终为100%,并且应遵循父级的宽度。

关于html - 网站容器不会与中心对齐(移动设备和网络),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24086854/

10-13 00:17