css - 使用 CSS 媒体查询防止主容器拉伸到 1680 像素以上

Question

谁能帮我解决这个问题？

我一直在设计一个流体响应网站，但我需要将主容器的宽度限制在 1680 像素以上（大多数 Mac 屏幕），因为任何超过这个大小的东西都会使网站变得过度拉伸。

我试过像这样设置主容器：

.container-fluid {
  padding-left: 1.0%!important;
  padding-right: 1.0%!important;
  *zoom: 1;
  max-width: 1680px;
}

这样做的问题是网站的主要内容区域没有保留在页面的中心。

Answer 1

尝试添加margin: auto;到您的 .container-fluid 元素。这应该让它集中在大型显示器上。