1

私はCSSにこのクラスを持っています：

.middleContent { overflow: hidden; display:inline-block; }

これは IE では機能しますが、 FF や Chrome では機能しないため、これを書きましたが、ここでサニティ チェックを行いたいと思いました。

IE で動作させたままにするために、上記の行を残しました。

.middleContent { overflow: hidden; display:inline-block; }

Firefox と Chrome の場合、次の行を次のように追加します。

Firefox の場合:

@-moz-document url-prefix() { 
  .middleContent { overflow: hidden; }
}

クロムの場合:

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .middleContent { overflow: hidden; }
 }

これに関する助けやアドバイスをありがとう。

4

1 に答える 1

0

はい。それで合っています。Chrome をターゲットにするには:

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 div{top:0;} 
}

任意の Firefox をターゲットにするには:

@-moz-document url-prefix() { 
      .selector {
         color:lime;
      }
    }
于 2015-10-06T19:34:57.860 に答える