wenden spezifischen CSS -Regeln exklusiv auf Chrome an

, um die einzigartige Rendering -Engine von Google Chrome anzuwenden. ausschließlich dazu. Ein Beispiel ist die Anpassung der Position eines DIV-Elements.

CSS-Lösung:

Nutzung von Anbieter-Präfixen, Sie können Chromspezifische Stile wie folgt zielen:

• für Chrome, Safari, Edge und Firefox:

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

• für chrome 29 (unterstützt die brüchlichen dpi-Werte)

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

• für chrome 22-28:

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .selector {
    -chrome-only(top: 0px);
  }
}

JavaScript -Lösung:

Als Alternative zu CSS können Sie JavaScript verwenden, um den Chrome -Browser zu erkennen und den Stil des Div entsprechend zu ändern:

if (navigator.appVersion.indexOf("Chrome/") != -1) {
  // Modify the div's top position here
}