如何將 CSS 規則專門應用於 Google Chrome？

將特定的CSS 規則專門應用於Chrome

為了迎合Google Chrome 獨特的渲染引擎，通常需要應用CSS 規則專屬於它。一個範例是調整 div 元素的位置。

CSS 解決方案：

利用供應商前綴，您可以如下所示定位特定於Chrome 的樣式：

• 適用於Chrome、Safari、Edge和Firefox：

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

• 對於Chrome 29 （支援小數DPI 值）

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

（支援小數DPI 值）

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

>

對於Chrome 22-28:

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

JavaScript 解決方案：作為CSS 的替代方案，您可以使用Java並相應地修改div的樣式：

以上是如何將 CSS 規則專門應用於 Google Chrome？的詳細內容。更多資訊請關注PHP中文網其他相關文章！