Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Какие разрешения в адаптивном дизайне?

Какие разрешения в адаптивном дизайне?


     26.08.2015    Все вопросы » Общие вопросы по вёрстке    2022

вопрос
Добрый день. Собрался сделать свой дизайн адаптивным, что бы он отображался на всех устройствах. Но, столкнулся с такой проблемой, не могу понять под какие разрешения подгонять дизайн. Нашел сервис, через который смотреть сайт с разных разрешений - http://quirktools.com/screenfly/. Знать бы под какие разрешение подгонять диз, было бы на много проще. Прошу подсказать какие стандартные разрешения используются под адаптивность. Спасибо

Ответил: cracken


используйте Bootstrap
Small devices (tablets, 768px and up)
Medium devices (desktops, 992px and up)
Large devices (large desktops, 1200px and up)

4 комментария

cracken
Юзер

cracken - 26 августа 2015 14:42 -

используйте Bootstrap

4ortic
Юзер

4ortic - 26 августа 2015 16:54 -

Как я понял, если использовать Bootstrap, то там все уже настроено. осталось только подключить его к своему шаблону, и расставить все по своим местам. Я правильно думаю? Просто я в этом только начал розбираться

cracken
Юзер

cracken - 26 августа 2015 22:18 -

версткy надо делать используя bootstrap . Просто подключив вы ничего не Измените

cracken
Юзер

cracken - 26 августа 2015 15:36 -

/* 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) { ... }

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх