2011-10-17 22 views
0

誰かがこのルールに間違いを知っていますか?@media、-webkit-min-device-pixel-ratio: - CSSルールの構文が正しくありません

@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のどこか他の場所に配置されるはずですか?

おかげ

+0

ここにいくつかの情報[http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio]があります。 '@media screen and(min-device-aspect-ratio:0){...}' '0 'が有効な値かどうかは分かりません。仕様では比率が使用されており、「0」を使用してコーダーが意味するものはわかりません。とにかく "0"は何も意味しないので、この文は無意味に見える。 [1]:http://www.w3.org/TR/css3-mediaqueries/ – Chris22

答えて

0

ここではいくつかの情報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

0

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

関連する問題