O Nexus 7 screen.width retorna 800, mas a largura máxima da consulta de mídia: 720px ainda se aplica
Eu tenho um tablet Google Nexus 7 que estou usando para testar alguns designs responsivos. Em Javascript, oscreen.width retorna como 800px, como esperado (a resolução nativa).
Por que a seguinte consulta de mídia é capturada pelo tablet quando a largura máxima da tela é> 720px?
@media only screen and (max-width: 720px) and (orientation: portrait) {
.test{ background: red;}
}