將特定的CSS 規則專門應用於Chrome
為了迎合Google Chrome 獨特的渲染引擎，通常需要應用CSS 規則專屬於它。一個範例是調整 div 元素的位置。
CSS 解決方案：
利用供應商前綴，您可以如下所示定位特定於Chrome 的樣式：
@media screen and (-webkit-min-device-pixel-ratio:0) {
div {
top: 10px;
}
}@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
div {
top: 0px;
}
}@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
}以上是如何將 CSS 規則專門應用於 Google Chrome？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
