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

所以我很难理解

我查看了1140网站，寻找线索，并尝试查找使用该系统构建的网站

我已经设置了一个页面，但无法理解网格是如何相互放置的

---

是否有人使用1140网格系统建立了一个站点或知道一个站点，或者可以帮助理解它是如何设置的。

以下是我将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中使用网格时，我已经对网格进行了相当大的更改，但其原理仍然存在，并且非常好。

您不明白什么？我不确定1140是否允许嵌套网格，但除此之外，它只是容器>行>span1-12，下一行>span1-12…当嵌套网格并缩小到“移动”媒体查询时，它会添加一个20px左右的填充，在嵌套网格时会加倍。正确。我在css中对此进行了注释。。。请参阅下文。感谢您的回复，所以除了对媒体查询/选择器所做的其他更改外，您所做的主要工作是删除左右两侧的填充？如何解决这个问题，当在移动视图中，所有内容都正确到达边缘时..Jquery mobile还在两侧添加了15px:-您可以始终对外部网格使用另一个调用，并将其设置为0px margin。