/ / Polymerelemente - Responsive <Körper> Schriftgröße - CSS, Polymer, Polymer-1.0, Web-Komponente

Polymerelemente - Responsive <Körper> Schriftgröße - CSS, Polymer, Polymer-1.0, Web-Komponente

Ich frage mich, wie man am besten eine Desktop / Mobile-Seite mit Polymer Elements reagieren lässt " iron-media-query? Natürlich könnte das CSS ein responsives Verhalten mit definieren

@media only screen and (max-device-width : 768px)
body {font-size: 14px} ...
@media only screen and (min-device-width : 768px) ...
body {font-size: 18px} ...

Polymer Elements bietet jedoch die Eisen-Medien-Abfrage.

Nun, was ist besser? Und am wichtigsten: Wie kann ich eine reaktionsfähige Schriftgröße für mein ganzes anwenden? body oder ein bestimmtes div "s Padding mit Iron-Media-Abfrage, so dass die Gesamtschriftgröße passt (alle CSS-Elemente sind als x definiert.em)

Antworten:

4 für die Antwort № 1

Die Iron-Media-Abfrage soll meist eine Bindung ermöglichendas Ergebnis einer Anfrage an ein Element wie das Papierschubladenfeld, das zusammenbricht, wenn die Bildschirmgröße unter einem bestimmten Schwellenwert liegt. Für globale Einstellungen benutzen Sie einfach normales CSS. Auf diese Weise können Schriftarten und andere Ressourcen bereits heruntergeladen werden, während Polymer initialisiert wird.


Verwandte Fragen


Kommentare (0)

Einen Kommentar hinzufügen