Jhon2
Создатель
- Регистрация
- 19 Май 2016
- Сообщения
- 17
- Реакции
- 13
Если использовать 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 года.
Как долго еще будут держаться эти стандарты для меня лично - зависит от популярных размеров экранов..
лично я использую вот так:
@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 года.
Как долго еще будут держаться эти стандарты для меня лично - зависит от популярных размеров экранов..