【问题标题】:Responsive Grid System How to resize to 960px响应式网格系统如何调整到 960px
【发布时间】:2013-11-29 18:11:20
【问题描述】:

我使用了this 网格系统。但它几乎有 1000 像素的宽度,我想调整 960 像素的大小,但我不知道该怎么做。我也试着给 body{width:960px; margin:auto;} 但这次我输给了响应性的主要思想..

【问题讨论】:

    标签: css responsive-design grid-system


    【解决方案1】:

    网格系统用于响应的百分比。您可以尝试将网格包含在 .container 中,然后在其中定义宽度:

    HTML

    <div class="container">
       <div class="span_12_of_12">
       ...
       </div>
    </div>
    

    CSS

    .container {
       width: 960px;
       margin:0 auto;
    }
    

    【讨论】:

    • 还是一样,但是当我给 em (max-width=60em;) 值时它会修复!有趣的。我认为 960px = 60em。
    • 抱歉。很高兴知道您找到了解决方案。呵呵。
    猜你喜欢
    • 1970-01-01
    • 2013-09-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多