Hey wie kann ich denn auf mobilen Endgeräten (Handy, iPads usw…) im Template die Schriftgröße verändern?
@media (max-width: 575.98px)
html {
font-size: 80%;
}
@media (max-width: 1199.98px)
html {
font-size: 90%;
}
Der Ansatz ist korrekt. Jedoch überschreibt jede spezifischere Anweisung wiederum deine Anweisung.
html wird überschreiben von div, was wiederum überschreiben wird von .xyz.
Daher musst du leider alle font-size bzw font Anweisungen in allen Klassen überschreiben.