Отзывчивый запрос изображения не работает Nexus 7

Question

У меня возникает следующая проблема.

Я использую загрузчик и загрузчик использует для следующих запросов СМИ:

/* Extra small devices (phones, up to 480px) */ 
@media (min-width: @screen-xs) { ... } 

/* Small devices (tablets, 768px and up) */ 
@media (min-width: @screen-sm) { ... } 

/* Medium devices (desktops, 992px and up) */ 
@media (min-width: @screen-md) { ... } 

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width: @screen-lg) { ... } 

Теперь, кажется, работает отлично на всех, но у меня возникают проблемы, на Nexus 7. Он принимает дополнительные небольшие устройства запрос вместо запроса небольших устройств.

Я что-то не так? Должен ли я использовать разные запросы?

Answer 1

Я не уверен, так как я еще не пробовал, но вы можете дать ему попробовать

@media only screen and (min-device-width: 800px) and (orientation: portrait) { 
    #device:after { 
    content: "Nexus 7 - portrait - firefox"; 
    } 
} 
@media screen and (min-device-width : 602px) and (orientation: portrait) { 
    #device:after { 
    content: "Nexus 7 - portrait - chrome"; 
    } 
} 
@media only screen and (min-device-width : 1280px) and (orientation: landscape) { 
    #device:after { 
    content: "Nexus 7 - landscape - firefox"; 
    } 
} 
@media only screen and (min-device-width : 966px) and (orientation: landscape) { 
    body { 
    background-color: #008000; 
    } 
    #device:after { 
    content: "Nexus 7 - landscape - chrome"; 
    } 
} 

ссылка:

How to target Galaxy Nexus and Nexus 7 with media queries?

Answer 2

После код работал для меня таргетинг на вкладку Nexus7.

/** Google Nexus7 (Landscape)**/ 
@media screen and (min-device-width : 601px) and (max-device-width :970px) {} 

Не забудьте добавить метатег в свой html. Например,

<meta name="viewport" content="width=device-width"/>