Firefox bestimmte media queries

Dies ist wahrscheinlich eine SEHR einfache Frage, aber ich habe eine harte Zeit! Ich habe eine externe CSS-Datei, die wunderbar funktioniert und ist ansprechbar. Wie zu erwarten, die Positionierung von ein paar Elementen ist ein wenig "off", wenn die Anzeige im Firefox. Ich wollte schreiben Sie eine Medien-Abfrage, wenn die Seite angezeigt wird in Firefox, und stellen Sie die Ränder, etc. von einem bestimmten element. Ich dachte, Sie könnte verwenden Sie das Präfix:

@-moz-document url-prefix()

als ein Medien-Abfrage, aber das hat nichts tun.

Wie schreibt man einen media query für wenn die Seite angezeigt wird, im Firefox und Safari?

InformationsquelleAutor bjorkland | 2015-06-24
  1. 6

    Können Sie die Wahlschalter, die Sie erwähnt, z.B.:

    @-moz-document url-prefix() {
  h1, p{
    color:pink;
  }
}

    Sehen, diese zu Leben: http://codepen.io/panchroma/pen/gpXdRj

    Mehr über Firefox-Hersteller-Selektoren: https://developer.mozilla.org/en-US/docs/Web/CSS/Mozilla_Extensions#font-family

    Browser-Selektoren und hacks: http://browserhacks.com

    FWIW, haben Sie überprüft, dass Ihre FireFox-layout-Probleme nicht im Zusammenhang mit browser-Standardeinstellungen, und dass Sie konnte nicht gelöst werden, indem eine andere CSS-reset? Ich habe in der Vergangenheit viel Erfolg mit normalisieren sich.css

    Glück!

    • Vielen Dank, David! Das ist, was ich hatte, und es funktionierte nicht, aber ich werde versuchen Sie es erneut. Die Sache, die sich ändern muss, im Firefox ist nur der Anteil der ein-Marge-- ich kann mir nicht vorstellen, dass würde den Bezug zu einem browser-Standard-Einstellung-Problem, könnte es? Ich bin auch normalisieren.css in alle meine Seiten.
    • Es klappte diesmal!! Ich muss gehabt haben etwas falsch die erste Zeit. Ich danke Ihnen so so so so viel!!!!!! 🙂
    InformationsquelleAutor David Taiaroa
  2. 0

    Diese Abfrage nur auf die mozilla navigator:

    @media all and (min--moz-device-pixel-ratio:0) and (max-width: 680px){...}

    - Und dies ist nur für den IE: 

    @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) and (max-width: 680px){...}

    Mehr Informationen hier:

    https://developer.mozilla.org/es/docs/CSS/Media_queries

    Die besten Wünsche!!

    InformationsquelleAutor Patri Gus
Schreibe einen Kommentar