Сетки сложны при создании адаптивных сайтов, которые обслуживают различные размеры макетов / устройств, потому что сеточные системы (конечно, 960.gs) обычно полагаются на контейнеры фиксированной ширины.
Однако, в зависимости от того, как вы подходите к вашему отзывчивомупостроить, вы все еще можете использовать систему сетки для вашего рабочего стола.Например, я обычно подхожу к отзывчивости с той же точки зрения, что и 320 и более связанных таблиц стилейЭто позволяет легко загружать конкретную сеточную систему (обычно 960.gs) только в режиме рабочего стола.Таким образом, ваша разметка может иметь классы, требуемые сеточной системой, например grid_12, без фиксированной ширины, которая портит мобильное представление.
Тем не менее, есть некоторые адаптивные сеточные системы, которые становятся популярными ис ними легко работать, например, 1140 жидкостная сетка .Вы также можете попробовать сетку Жидкость 960
. Существуют также проекты, которые даже используют сетку 960.gs в качестве основы, но при этом обслуживают меньшие размеры, такие как skeleton
Я бы рекомендовал вам взглянуть на 320 & up , потому что это отличный ресурс для адаптивных сборок.Теория построения для мобильных устройств и постепенная загрузка большего количества материала для больших представлений - определенно путь ...