Nexus 7 screen.width возвращает 800, но максимальная ширина медиазапроса: 720px по-прежнему применяется
У меня есть планшет Google Nexus 7, который я использую для тестирования некоторых адаптивных дизайнов. В JavaScript,screen.width
возвращает как 800px, как и ожидалось (собственное разрешение).
Как получается, что следующий медиа-запрос воспринимается планшетом, когда максимальная ширина экрана & gt; 720px?
@media only screen and (max-width: 720px) and (orientation: portrait) {
.test{ background: red;}
}