1140網格系統 - 網格內網格

所以我難以理解的1140 grid system 1140網格系統 - 網格內網格

我已經看過了1140網站線索，試圖找出利用該系統建立的網站。

我設置了一個頁面，但無法理解網格是如何放置在另一個網格中的。

是否有人使用1140網格系統構建了網站或瞭解網站，或者可以幫助瞭解它是如何設置的。

來源

2012-05-23 user1412891

你不明白什麼？我不確定1140是否允許嵌套網格，但除此之外它只是容器>行> span1-12，next_row> span1-12 ... – frequent

當嵌套網格並縮放到「移動」媒體查詢時，它會添加當嵌套網格時，左右填充20px。 – user1412891

正確。我在我的CSS中評論了這一點......見下文。 – frequent

這是我改變了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;*/} 
    }

所以，是的，在20像素也困擾着我:-)。

由於我用Jquery Mobile使用它，我已經很快地改變了網格，但是原理依然存在，而且非常好。

來源

2012-05-23 14:51:39 frequent

感謝您的迴應，所以您所做的主要事情（除了媒體查詢/選擇器的其他更改）是刪除左側和右側的填充？你如何解決這個問題，當在移動視圖中的一切都是正確的到邊緣.. – user1412891

Jquery Mobile也在兩邊添加15px :-) – frequent

您可以隨時使用另一個外部網格調用，並將其設置爲0px頁邊距。 – frequent

1140網格系統 - 網格內網格

回答

相關問題