Медиа-запросы работают не так, как ожидалось на Android

У меня 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;} }

Что ожидается:

1st Media Query CSS Output 2nd Media Query CSS Output 3rd Media Query CSS Output 4th Media Query CSS Output

Что на самом деле происходит:

2nd Media Query fails 1st Media Query passes 3rd Media Query passes 4th media query passes

Почему 480x720 (второй медиа-запрос) по умолчанию соответствует первому медиа-запросу?

14
задан Trott 3 March 2012 в 01:20
поделиться