Rudydudy
@Rudydudy
Web jun

Breakpoints какие нужны?

Здравствуйте.
Сейчас дошел до последнего пункта в респонзив дизайне, а именно к медиа запросам, и появилось пару вопросов по этому поводу.
1. Как все же правильно определять эти самые брейкпоинты для медия запросов? Нужно изменять окно браузера ( как быстрый вариант ) и на каждом моменте где что-то съехало, наехало, сломалось - делать брейпоинт и в медия запросах править это? Или же есть какие-то общепринятые брейкпоинты по которым все подгоняется ( 1280 px или припустим 768 px ) и не важно что там будет на пиксель меньше? Если есть - это какие?
2. В самих медия запросах нужно использовать px или дальше % + em ( ведь верста была адаптивной и весь сайт написан в % и em ) или в медиа запросах это не имеет значение?
  • Вопрос задан
  • 9386 просмотров
Решения вопроса 1
zorro76
@zorro76
front-end
1) читайте вот это и все будет понятно media queries, media queries2
2) не имеет значения
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Rikcon
@Rikcon
Я пользуюсь вот такими ( нагуглил когда-то)

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}

/* Iphone 5 */
@media (max-width: 320px) {

}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы