Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Какие разрешения в адаптивном дизайне?

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


     26.08.2015    Общие вопросы по вёрстке    900

вопрос
Добрый день. Собрался сделать свой дизайн адаптивным, что бы он отображался на всех устройствах. Но, столкнулся с такой проблемой, не могу понять под какие разрешения подгонять дизайн. Нашел сервис, через который смотреть сайт с разных разрешений - 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
6

47 | 6

cracken - 26 августа 2015 14:42 - Юзер

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

4ortic
26 | 2

4ortic - 26 августа 2015 16:54 - Юзер

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

cracken
6

47 | 6

cracken - 26 августа 2015 22:18 - Юзер

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

cracken
6

47 | 6

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

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

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