Servus! > Hallo liebe SelfHTML-Community! Herzlich Willkommen! > Und zwar soll sich die <h1>-Überschrift an den Bildschirm anpassen, da die Überschrift derzeit ohne zu zoomen kaum leserlich ist. Deine [Metaangabe](https://wiki.selfhtml.org/wiki/HTML/Kopfdaten/meta#Viewport_einstellen) ist falsch! So wär's richtig: ~~~HTML <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> ~~~ Dann würde ich für die media queries Werte in der relativen Schriftgröße em angeben. Als Größe verwende bitte min-width der Seite und nicht min-device-width des Geräts: ~~~CSS @media only screen and (min-width: 20em) { h1 { font-size: 3em; } } @media only screen and (min-width: 35em) { h1 { font-size: 2.5em; } } ~~~ PS: Im von dir gezeigten Code fehlt eine schließende geschweifte Klammer. Herzliche Grüße Matthias Scharwies -- Es gibt viel zu tun: *[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}

Servus! > Hallo liebe SelfHTML-Community! Herzlich Willkommen! > Und zwar soll sich die <h1>-Überschrift an den Bildschirm anpassen, da die Überschrift derzeit ohne zu zoomen kaum leserlich ist. Deine [Metaangabe](https://wiki.selfhtml.org/wiki/HTML/Kopfdaten/meta#Viewport_einstellen) ist falsch! So wär's richtig: ~~~HTML <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> ~~~ Herzliche Grüße Matthias Scharwies -- Es gibt viel zu tun: *[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}