@media, -webkit-min-device-pixel-ratio: - неверный синтаксис для правила CSS - PullRequest
0 голосов
/ 17 октября 2011

Кто-нибудь знает, что не так с этим правилом?

@ мультимедийный экран и (-webkit-min-device-pixel-ratio: 0) {# nav-main li.c_course div {margin-left: 1px! Важный;}

#nav-main li.c_course div{margin-left:1px !important;| margin-right:0px !important;;}
#nav-main li.c_course div div{margin-left:0px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #nav-main li.c_course div{margin-left:1px !important;}
  }

Я исследовал его при синтаксис медиа возможные комбинации .Кажется, это правильный код (судя по посту, хотя в спецификации 7.3 Распознанные типы мультимедиа не указан синтаксис, как в OP).

Должен ли он располагатьсягде-то еще в .css или как?

Спасибо

Ответы [ 2 ]

0 голосов
/ 17 декабря 2013

Используя код:

@media screen and (-webkit-min-device-pixel-ratio:0)

Это способ нацеливаться только на браузеры webkit, так как он соответствует браузеру webkit с минимальным пиксельным соотношением, равным нулю, что влияет на каждый браузер webkit. Проблема заключается в том, что префикс webkit не будет проверяться на соответствие стандартам W3C, поскольку он зависит от поставщика - его следует использовать в качестве последнего средства, и если вы не возражаете против неудачной проверки CSS.

0 голосов
/ 18 октября 2011

Вот некоторая информация www.w3.org / TR / css3-mediaqueries / # device-aspect-ratio .
Похоже, что правило должно быть записано как
@media screen and (min-device-aspect-ratio:0){ ... }
Дело в том, что я не знаю, является ли "0" допустимым значением. Спецификация использует соотношение, и я не знаю, что кодер имел в виду, используя «0». «0» в любом случае ничего не значит - поэтому утверждение кажется бессмысленным.
www.w3.org / TR / css3-mediaqueries

...