Таким образом, я с трудом понимают 1140 grid system1140 система Grid - сетки внутри сетки
в Я посмотрел на сайте 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, но принцип все еще остается и очень хорош.
Спасибо за ответ, поэтому главное, что вы сделали (кроме других изменений в медиа-запросах/селекторах), удаляет прописку влево и вправо? Как вы решаете проблему, когда в мобильном режиме все находится прямо до края. – user1412891
JQuery Mobile также добавляет 15px с обеих сторон :-) – frequent
Вы всегда можете использовать другой вызов для внешней сетки и установить для этого поля 0px. – frequent
Что вы не понимаете? Я не уверен, что 1140 разрешает вложенные сетки вообще, но кроме этого это просто контейнер> строка> span1-12, next_row> span1-12 ... – frequent
Когда вложенные сетки и масштабируются до «мобильного» медиа-запроса, он добавляет 20px левое и правое заполнение, которое удваивается при вложенных сетках. – user1412891
правильный. Я прокомментировал это в своем css ... См. Ниже. – frequent