大屏幕中CSS最大内容宽度（purecss）

Question

我的网页有问题，在智能手机和平板电脑上看起来不错。 但是在桌面屏幕上，内容会扩展到整个页面宽度。 我使用纯CSS框架。 示例链接

我想要的是，当网格显示在宽阔的桌面页面上时，网格不会延伸到整个页面

在我的CSS中，媒体屏幕有一些断点。 整个页面像这样包装

<div class="container">
   <div class="pure-g"> 
     <div class="pure-u-1 pure-u-lg-1-3"> ...... </div>
    </div>
</div>

我曾尝试使用pure-u-lg-1-3在较大的页面上设置较小的宽度，但除此之外，这种方法行不通，我怀疑这是否是解决方案。

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 100px }
}

我想要的是我在800px以上的大型媒体屏幕上的内容在宽度上受到限制。 如何将页面内容设置为最大600像素（实际上就像几乎每个网页一样）

Answer 1

伴侣，

试试下面的样式表，让我知道它是否有效。

 /*Using media to set the style If screen is bigger than 800px*/ @media screen and (min-width: 800px) { .container { max-width: 600px;/*Limit max-width to 600px*/ margin: 0 auto;/*Centering this container*/ } }