Популярные CSS медиа-запросы (media queries) @media
Объясняю и показываю примеры решений разных задач с которыми сталкивался и сталкиваюсь в процессе работы
Популярные CSS медиа-запросы (media queries) @media
Объясняю и показываю примеры решений разных задач с которыми сталкивался и сталкиваюсь в процессе работы
📅 11 декабря 2023
👁🗨 267
Я использую их таким образом, смотрю на дизайн, например после десктопного макета на 1920px идет макет на 1366px, значит я выставляю разрешение в DevTools на 1366 px и пишу стили в @media screen and (max-width: 1400px), далее например идет макет на 1024px, значит я выставляю разрешение на 1024px и пишу стили в @media screen and (max-width: 1200px) и так далее
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 576px) {
}
@media screen and (max-width: 375px) {
}