1140网格系统 - 网格内的网格

时间:2012-05-23 14:43:05

标签: html grid

所以我很难理解1140 grid system

我查看了1140网站的线索,并尝试查找使用此系统构建的网站。

我已经设置了一个页面,但我无法理解网格是如何放在一起的。

是否有人使用1140网格系统构建网站或了解网站,或者可以帮助了解网站的设置方式。

1 个答案:

答案 0 :(得分:0)

以下是我将1140 CSS移动版改为:

@media all and (max-width: 480px){  
    body         {/* font-size: 1em; */ -webkit-text-size-adjust: none;}
    .row, body   {width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; margin-top: -1px;
.row .span1, .row .span2, .row .span2, .row .span3, .row .span4, .row .span5, .row .span6, .row .span7, .row .span8, .row .span9, .row .span10, .row .span11, .row .span12
                {width: auto; float: none; margin-left: 0px; margin-right: 0px; /*padding-left: 20px; padding-right: 20px;*/}
    }

是的,20px也困扰我: - )。

当我在Jquery Mobile中使用它时,我已经对网格进行了很大的改变,但原则仍然存在并且非常好。