Wie Sie festlegen, media query für safari web-browser

@media only screen and (min-width: 480px) and (max-width: 767px) {
}

Hier ist mein Medien-Abfrage, wie es zu beheben. wie für web-browser safari.

InformationsquelleAutor Pavnish Yadav | 2015-03-18

  1. 4

    Media queries sind nicht gemacht für die browser-Erkennung. Die javascript verwenden, anstatt, zum Beispiel: 

    if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) 
{
   alert("Browser is Safari");          
}

    Ab diesem Zeitpunkt konnten Sie eine Klasse im body-tag, um anzuzeigen, ein browser safari.

    if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) 
{
   document.getElementsByTagName("BODY")[0].className += " safari";
}

    Dann können Sie Ihr CSS-Ziel nicht nur die safari-Elemente wie:

    body.safari h1{
    color: cyan;
}

    Mehr Diskussion über die Erkennung der browser gefunden werden kann hier

    wenn (Fenster.safari);

    InformationsquelleAutor Mihey Egoroff

Schreibe einen Kommentar