針對鉻不Safari瀏覽器scist

我正在尋找一種方法，只針對mixin在scss內的Chrome瀏覽器。針對鉻不Safari瀏覽器scist

@mixin { 
&:after { 
border-bottom:black; 

    @media screen and (-webkit-min-device-pixel-ratio:0) { border-bottom: red; } 

    } 

}

這個既針對safari又針對chrome。

來源

2014-09-10 A_city

注意，你不應該添加的聲明直接進入'@ media'塊，你必須在第一次使用CSS選擇一個很好的資源。 – 2014-09-10 13:44:08

爲什麼你需要定位Chrome而不是Safari？需要針對特定的瀏覽器幾乎肯定是設計/實現不佳的標誌。 – cimmanon 2014-09-10 14:45:02

沒有爲CSS沒有特別的黑客單獨而可以覆蓋野生動物園的CSS

FOR WEBKIT

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .class{color:red;} 
}

Safari瀏覽器只覆蓋

::i-block-chrome,.class { 
color:blue; 
}}

來源

2014-09-10 13:39:41 Benjamin

不確定這對mixin是如何工作的，因爲我還沒有在特定的類上使用它 – 2014-09-10 13:41:28

如果您正在尋找媒體查詢，Chrome版本現在可以分開。前一段時間，我從組合研究中創建了這個，直到我找到了一種可行的方法。我幾個月前發佈到browserhacks.com（我爲他們測試）。 Chrome 29+可通過媒體查詢進行定位。此時，測試在Chrome中的所有現代版本的工作，甚至發展和金絲雀版本到版本40

試試這個，而不是嵌入在你的mixin的鍍鉻+ Safari的媒體查詢：

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { 
    border-bottom: red; 
}

還有我已經發布，以及用於這個活的測試和其他人，我在這裏工作或創建：

http://browserstrangeness.bitbucket.org/css_hacks.html

來源

2014-10-29 13:49:12

試試這個：

@supports (-webkit-appearance:none) {}

只有瀏覽器支持webkit（Chrome）時，大括號內的CSS纔會運行。

Browserhacks是「特定瀏覽器CSS和JavaScript的黑客」

來源

2017-06-22 14:23:55

針對鉻不Safari瀏覽器scist

回答

相關問題