调整大小/视口时遇到问题

时间:2015-12-09 07:33:43

标签: html css viewport

我无法做到这一点,以便<body>中的内容保持在中间(margin-left / margin-right)整个时间的距离,即使它们被延长。目前,我有标题(导航栏)和故事板工作,虽然身体似乎没有正确定位,因为我不知道如何编码。

当我对它进行编码时,我使用边距和宽度来满足1280x720全屏的屏幕分辨率,它在中心位置,但当我在1920x1080打开网站时,身体由于这个原因,它位于左侧。

在1080p分辨率上:

1080p 100% view

pic

lol

如上所示,当真正扩展时,内容仍然位于左侧。它不能是边距,因为我没有在我的CSS中使用任何边缘,它嵌入在没有CSS的.container中,所以我怎么能把所有这些都集中在一起?

这个的CSS是:

css

这两个div / section嵌入在主div容器中,这是整个主体。该行是您看到的三张图片,.info是下面的以下信息。也许定位这个中心将转移其中的所有其他内容也是中心?我目前也没有.container的代码,所以我不确定我会做什么。

1 个答案:

答案 0 :(得分:0)

margin: auto;是水平对齐的绝佳选择。

http://learnlayout.com/margin-auto.html
https://developer.mozilla.org/en-US/docs/Web/CSS/margin

肖恩