Как такое применить с использованием 960грид?

Question

[sabanovvv]

можно ли так?верстаю сайт с использованием 960grid адаптив,
при ширине 1200px использовать 12 колонок,а уже при 1600px использовать 16колонок?

Answer 1

[Tashiro]

судя по 960.gs/demo.html , можно просто поменять класс контейнера, сделать можно на JS например

Answer 2

[Дмитрий Батулин]

тут все зависит от структуры сайта.

если тебе больше подходит 12 колонок-используй 12. Если 16 - используй 16.
тут от плотности контента и от подхода к его размещению надо отталкиваться, а не от ширины.
я делал сайты 1600 при 12 колонках и этого было вполне достаточно, но были и сайты в 1000 пикселей, где использовалась 16 колоночная сетка.

Comments

[sabanovvv]

у меня при 1024px - 2 блока в ряд, при 1200px - 3 блока в ряд, при 1600px - 4 блока в ряд. как реализовать?

[Дмитрий Батулин]

Через CSS и свойство media screen

[Дмитрий Батулин]

(Собака)media screen
habrahabr.ru/post/119127
тут есть пример и описание подхода.

[sabanovvv]

Дмитрий Батулин: я это понимаю,вопрос то в другом чуток- при 1600px используется 16 колонок, как при 1200px переключиться на 12 колонок?

[Дмитрий Батулин]

sabanovvv: тогда производить анализ на яваскрипте ширины экрана. И в случае если ширина меньше или равна 1200 px менять класс у основного контейнара с container_16 на container_12