“Складываются” ли медиа-запросы?

Допустим, есть 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. Понимаю, что объяснение не самое лучшее. Простите, я тупой.