Nexus 7 screen.width devuelve 800 pero la consulta de medios max-width: 720px todavía se aplica
Tengo una tableta Google Nexus 7 que estoy usando para probar algunos diseños sensibles. En Javascript, elscreen.width devuelve como 800 px, como se esperaba (la resolución nativa).
¿Por qué la tableta recoge la siguiente consulta de medios cuando el ancho máximo de la pantalla es> 720px?
@media only screen and (max-width: 720px) and (orientation: portrait) {
.test{ background: red;}
}