У меня 4 медиа-запроса. 1-й, 3-й и 4-й работают, но 2-й, похоже, не активируется.
Почему 480x720 (второй носитель) query) по умолчанию к первому медиа-запросу?
@media screen and (max-width: 320px) and (orientation: portrait) { body{background:#F0F;} }
@media screen and (min-width: 321px) and (max-width: 480px) and (orientation: portrait) { body{background:#F00;} }
@media screen and (max-width: 480px) and (orientation: landscape) { body{background:#0F0;} }
@media screen and (min-width: 481px) and (max-width: 800px) and (orientation: landscape) { body{background:#FF0;} }
Что ожидается:
Что на самом деле происходит:
Почему 480x720 (второй медиа-запрос) по умолчанию соответствует первому медиа-запросу?