Экраны ноутбуков регистрируются как максимальная ширина: 320 пикселей и ориентация: книжная

Протестировано на HD Windows 8 IE с ноутбуком и MacBook с сетчаткой. Ни у кого не было этой проблемы? Похоже, что добавление max-width: 320px в конец должно предотвратить это, поскольку очевидно, что эти экраны НАМНОГО больше 320 пикселей.

@media screen, handheld,  
(min-moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(orientation: portrait),
(max-width: 320px)

Сайт находится здесь.


css media-queries landscape-portrait windows-8
person ed523    schedule 09.07.2013    source источник
comment
чего вы хотите добиться? почему вы используете тестирование мультимедийных запросов смартфона на ноутбуке? это можно сделать с помощью простого css...   -  person SaurabhLP    schedule 09.07.2013

Ответы (1)


arrow_upward
0
arrow_downward

Используйте разрешение (min/max-) как эквивалент (min/max-])device-pixel-ratio для поддержки IE:

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2) {}

или через matchMedia:

if (window.matchMedia) 
  {
  if (window.matchMedia('(resolution: 96dpi)').matches) { }
  // resolution feature & dppx unit
  if (window.matchMedia('(min-resolution: 1dppx)').matches) { }
  // -webkit-device-pixel-ratio feature
  if (window.matchMedia('(-webkit-min-device-pixel-ratio: 1)').matches) { }
  // -o-device-pixel-ratio feature
  if (window.matchMedia('(-o-min-device-pixel-ratio: 1/1)').matches) { }
  }

Ссылки

person Paul Sweatte    schedule 04.02.2014