html - 在调整大小/视口(viewport)时遇到问题

标签 html css viewport

我无法正确处理 <body> 中的内容始终保持在中间 ( margin-left / margin-right) 距离,即使它们被延长也是如此。目前,我有标题(导航栏)和 Storyboard工作,虽然主体似乎没有正确定位,因为我不确定如何编码。

当我编码时,我使用边距距离和宽度来满足 1280x720 的全屏屏幕分辨率。 ,它居中的位置,但是当我在 1920x1080 上打开网站时, 正因为如此, body 更靠左。

在 1080p 分辨率下:

1080p 100% view

pic

lol

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

它的 CSS 是:

css

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

最佳答案

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

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

肖恩

关于html - 在调整大小/视口(viewport)时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34173128/

相关文章:

javascript - 引用错误 : $ is not defined

css - 需要自定义轮播帮助

html - 使相对div具有内容大小

css - WebKit CSS 内容 Unicode 错误?

iphone - iphone 中的 html 视口(viewport)

javascript - 试图从弹出窗口的 ul 标签中删除填充

html - 如何让div元素从下往上垂直堆叠?

jquery - CSS 或 jQuery 在视口(viewport)中右对齐图像并仍然允许向左滚动

javascript - 宽度为 100% 的 CSS 元素落在视口(viewport)之外

html - 包装 2 个垂直堆叠的 div,1 个 div 100% 高