Отзывчивый дизайн со 100% шириной

Question

Недавно я исследовал отзывчивый дизайн и подумал, почему бы не использовать компоновку потока вместо чего-то вроде сетки 960? Из моих исследований 960 был выбран в соответствии с самым популярным размером монитора. Но на больших или широкоформатных мониторах остается много свободного места.

Мысль, которая у меня была, не должна быть наибольшим размером для медиа-запроса, если на 100% ширина страницы? Вместо 960 пикселей?

Может ли кто-нибудь объяснить, почему это не является нормой или почему люди по умолчанию имеют фиксированную ширину для гибкого дизайна?

Answer 1

Если вы хотите использовать ширину шире 960px, то один из вариантов - Bootstrap grid, поэтому вам не нужно изобретать колесо.

Bootstrap 3 находится в процессе освобождения и в то время как классы сетки изменились вы можете получить адаптивные макеты полной страницы или адаптивные макеты с максимальной шириной 1200px

Примером в full page grid
Примера из max 1200px grid

Foudation имел максимальные параметры сетки около 1100 пикселей, хотя, насколько я могу судить, из коробки с Foundation 4 max теперь составляет около 1000 пикселей. Он должен быть достаточно легким, чтобы изменить это, хотя с помощью пользовательской настройки для ширины .row класса

Что касается вашего вопроса

мысль у меня была это должно не самый большой размер для запроса средств массовой информации быть 100% шириной страницы? Вместо 960 пикселей?

как @cale_b отметил, что читаемость может быть проблемой с макетами полной ширины, если вы не будете осторожны с типографикой и размерами шрифтов. Я думаю, что это конечно выполнимо, если вы будете осторожны с дизайном.

Это будет зависеть от дизайна сайта.

Удачи вам!