@media、-webkit-min-device-pixel-ratio： - CSSルールの構文が正しくありません

Question

誰かがこのルールに間違いを知っていますか？

@media画面と（-webkit-MIN-デバイスピクセル比：0）{ ＃1 NAV-メインli.c_courseのDIV {マージン左：1ピクセル重要;}

#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;} 
    } 

私はmedia syntax possible combinationsでそれを研究しました。それは有効なコード（7.3 Recognized media typesの仕様では、OPのやり方の構文をリストしていないにもかかわらず、投稿によって判断する）のようです。

.cssのどこか他の場所に配置されるはずですか？

おかげ

Answer 1

ここではいくつかの情報www.w3.org/TR/css3-mediaqueries/#device-aspect-ratioです。
ルールは
@media screen and (min-device-aspect-ratio:0){ ... }
と書かれているようです。「0」が有効な値かどうかわかりません。仕様では比率が使用されており、「0」を使用してコーダーが意味するものはわかりません。とにかく "0"は何も意味しないので、この文は無意味に見える。それが影響を与えるのすべてのWebKitのブラウザでゼロの最小画素比とWebKitのブラウザと一致するようちょうどのWebKitブラウザをターゲットにする方法を

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

されています：
www.w3.org/TR/css3-mediaqueries

Answer 2

コードを使用します。問題は、Webkitプレフィックスがベンダー固有のW3C標準に対して検証されないことです。最後の手段として使用し、CSSが検証に失敗しても気にしない場合は問題になります。