如果我使用div wrap元素来集中我的整个网站，它会失去它的响应能力

Question

我正在使用bootstrap，我创建了一个不错的网站。最后我想把它放在中间位置并在侧面做一些广告空间，所以我用了这个：

#wrap { 
width: 1200px; 
margin: 0 auto; 
}

我的网站完全是移动响应，导航栏变成了一个按钮，帖子逐渐堆叠而不是在网格中（这有点像新闻/杂志类型的东西）

我如何在保持响应性的同时将其集中在一起，使其看起来更好/在侧面留出广告空间？

Answer 1

尝试宽度100％和高度100％而不是固定像素

Answer 2

您可能希望使用max-width作为使用宽度，表示它总是宽1200px（无论设备宽度如何）。

  

max-width属性用于设置给定的最大宽度   元件。它会阻止width属性的使用值   变得大于为max-width指定的值。

Answer 3

如果放置固定像素，则当屏幕尺寸缩小时，此尺寸不会发生变化。您可以尝试添加更改固定宽度的媒体查询。例如：

//for screens smaller than 600px, adapt the width to the full width of the screen
@media only screen and (max-width: 600px) {
    #wrap { 
        width: 100%; 
    }
} 

Answer 4

尝试给％而不是将px用于宽度。

  

#wrap {width：90％;保证金：0自动; }