Как узнать какой должна быть контентная часть у адаптивных макетов?

Question

[vigoda9]

Как узнать какой должна быть контентная часть у адаптивных макетов?

допустим я определился со значениями мониторов:
320 или 480 — телефоны/смартфоны
800 — смартфоны/планшеты
1024 — ноутбуки/планшеты
1280 — десктопы/планшеты/ноутбуки
1600 — десктопы

Какие у них дожны быть рабочие области (для контента)

Единственное, что я знаю:
320 или 480 — телефоны/смартфоны
800 — смартфоны/планшеты
1024 — ноутбуки/планшеты (контентная часть 960 пикс)
1280 — десктопы/планшеты/ноутбуки
1600 — десктопы
1024 - 960 (контент.часть)

А для остальных как? Как высчитать?

2. И как пользоваться генераторами модульных сеток (какие должны быть отступы, колонки и тд)?

Спасибо!

Answer 1

[slavapegaskin]

1. Всё зависит от дизайн макета. Обычно на смартфонах - это одна колонка, на планшетах в портретной ориентации - две. На десктопах как вам удобно, ну или как вас ограничивает фреймворк.
2. Тут тоже всё зависит от дизайн макета - какова ширина одной колонки, отступ и сколько колонок используется в модульной сетке. Формулу расчет можно найти здесь. Советую попробовать самостоятельно написать модульную сетку опираясь на статью на чистом CSS. Если не желаете разбираться скачиваете исходники Bootstrap и в файле variables.less у соответственных переменных меняете значения, после чего компилируете все в CSS (также это можно сделать на сайте Bootstrap и скачать уже готовый CSS файл). Если знакомы с LESS попробуйте разобраться по исходникам Bootstrap как там генерируется модульная сетка и написать свою.