Допустим, есть div
с классом container
и CSS код:
.containert {
width: 550px;
height: 550px;
}
@media screen and (max-width: 450px) {
.container {
width: 300px;
}
}
@media screen and (max-height: 450px) {
.container {
height: 300px;
}
}
Предположим, что разрешение экрана пользователя - 450x450. Так вот, будут ли работать оба медиа-запроса? То есть, будет ли ширина и высота div`a равняться 300px?
P.S. Понимаю, что объяснение не самое лучшее. Простите, я тупой.