特定のCSSルールをChromeのみに適用する

をGoogle Chromeのユニークなレンダリングエンジンに対応するために、CSSルールを適用する必要があることがよくありますそれだけです。 1つの例は、div要素の位置を調整することです。 &&&&]

for chrome、safari、and、and firefox：

@Media Screen and（-webkit-min-device-pixel-ratio：0）{0）{ div { トップ：10px; } }

• for Chrome 29 （分数dpi値をサポート）

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

• for chrome 22-28：

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  div {
    top: 0px;
  }
}

javaScriptソリューション：
• CSSの代替として、JavaScriptを使用してChromeブラウザーを検出し、それに応じてDivのスタイルを変更できます。 if（navigator.appversion.indexof（ "chrome/"）！= -1）{ //ここでDivのトップ位置を変更します }