Ich möchte für Chrome & Safari ein anderes CSS-Blatt auf meiner Webseite verwenden als für alle anderen Browsertypen. Ich habe zuvor bedingte Kommentare verwendet, wenn ich dies für den IE tat, wie zum Beispiel:
<!--[if !IE]><link rel="stylesheet" type="text/css" href="style.css"><!--<![endif]-->
<!--[if IE]><link rel="stylesheet" type="text/css" href="style2.css"><![endif]-->
Aber ich möchte, dass das oben Genannte stattdessen für Chrome & Safari funktioniert. Ist das möglich?
Antworten:
0 für die Antwort № 1Bedingte Kommentare funktionieren nur im IE.
Dies ist ein kreativer Weg, um dieses Problem anzugehen. Ich habe es gelernt von Hier
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
}
0 für die Antwort № 2
Mozilla hat auch einen herstellerspezifischen.
@media screen and (min--moz-device-pixel-ratio:0) {
/* Firefox browser based CSS goes here */
}