Точки остановки для адаптивности

Если использовать min and max то выходит что для каждого разрешения нужно прописывать вероятно одни и те же параметры, и лишь часть будет изменяться.
лично я использую вот так:

@media (max-width: 1560px) {
если есть широкий контент но не на весь экран
}

@media (max-width: 1365px) {
для того самого широкого контента который не на весь экран
}

@media (max-width: 1199px) {
обычно отсюда начинается адаптивность если сайт придерживается местным стандартам..
}

@media (max-width: 959px) {

}

@media(max-width: 767px) {

}

@media(max-width: 599px) {

}

@media(max-width: 479px) {

}

Эта модель удобна тем, что сохраняются все стили от десктопа для мобильных устройств и
и лишь местами адаптируешь то, что не влезает или выглядит некорректно

Говорю из опыта. Верстальщиком являюсь с 2013 года.
Как долго еще будут держаться эти стандарты для меня лично - зависит от популярных размеров экранов..
 
Назад
Сверху