Под какое разрешение делать макет для резиновой верстки?

Question

[Polmac]

Под какое разрешение делать макет для резиновой верстки?

Answer 1

[Сергей Мельников]

getbootstrap.com/css/#grid-media-queries

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

Answer 2

[Виктор Смольский]

Думаю целесообразно будет открыть статистику какого нибудь популярно сайта и посмотреть какие разрешения популярны. Вообще обычно 1000 px ширина.

Comments

[Влад Романовский]

А если ещё точнее, то обычно 990px для контейнера берут. Все зависит от того, учитываем ли какие-либо элементы браузера по вертикали(скроллинг, панели в опере)

Answer 3

[taras]

Либо я чего-то не понимаю, либо вы человека не понимаете. Резину лучше оптимизировать до 1920px по ширине, дальше уже экзотика, ИМХО. И я бы конечно сделал max-width и margin:0 auto для пользователей с бОльшими ширинами.

Comments

[Назар Мокринский]

Да, 1920 вполне адекватно, а то больно смотреть с 4к монитора на vk.com)

Answer 4

[Виталий Желтяков]

www.liveinternet.ru/stat/ru/resolutions.html
Оптимальное разрешение 1024x768 экрана. а рабочей области 1000x640

Comments

[Назар Мокринский]

Нифига не оптимальное, даже в планшетах сейчас больше, не говоря о 17’’+ мониторах десктопов

[Виталий Желтяков]

@nazarpc, по статистике 9% пользователей используют данное разрешение. Если 9% для Вас мало, то Вы явно зажрались, либо тупо умничаете