使用CSS媒体查询防止主容器拉伸超过1680px

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元素中。这应该让它集中在大屏幕上。