Automatische Verkleinerung der Schriftgröße (Überschrift) bei mobilen Variant
Autor: M. H. L.
Besucht 671,
Followers 1,
Geteilt 0
Hallo,
ist es irgendwie möglich, dass WebsiteX5 die Schriftgröße entsprechend der Endgeräte anpasst? Also so, dass die Überschriften sich automatisch verkleinern in den mobilen Varianten?
Denn es wirkt ziemlich unschön klobig und übersteigt auch oft den Rand, wenn die großen Schriftgrößen der Überschriften nicht verkleinert dargestellt werden.
Gepostet am
Das geht mit CSS-Code, denn man bei ...
1 Einstellungen > Statistik und Code / Code
Benutzerdefinierte Code:
Vor dem </HEAD>-Tag
... einfügen müsste, damit er auf allen Seiten gültig ist.
Da ich kein CSS-Experte bin, hier nur mal ein Vorschlag, wie das in etwa aussieht.
----- Beispiel -----
<style>
@media (min-width:481px) and (max-width:767px) {
h1 { font-size: 24px !important;}
h2 { font-size: 22px !important;}
... usw.
}
@media (min-width:320px) and (max-width:480px) {
h1 { font-size: 16px !important;}
h2 { font-size: 14px !important;}
... usw.
}
</style>
Am besten du benützt für die ÜBerschriften einfach ein Titel-OBjekt wo du im Objekt anhaken kannst, dass es sich anpasst!
Das mit dem Titel-Objekt und ...
[X] Fontgröße an die Breite des Objekts anpassen
... hat wohl nicht immer den gewünschten Effekt, siehe Screenshot.
Lange Überschriften werden ziemlich klein und kurze Überschriften sehr groß.
-----
2. Versuch - alle 4 Titel-Objekte mit Schriftgröße 16, das wäre ein guter Kompromiss, wenn die Überschriften nicht zu lang sind.
-----
3. Versuch - 4 Titel-Objekt mit Schriftgröße 16 ohne ...
[_] Fontgröße an die Breite des Objekts anpassen
... also es würde eine angemessene Schriftgröße der Überschrift für alle Geräte passen.
Es geht also auch ganz ohne CSS-Code oder Titel-Objekt und wenn die Überschrift zu lang ist, dann geht sie eben in der nächsten Zeile weiter, auch kein Beinbruch, sondern in Zeitungen ganz normal.
Oder habe ich da etwas Wichtiges übersehen?
-----
Sieh Dir mal https://peters-liederbox.de/ auf dem Desktop und auf dem Handy an.
Gruß
Peter B.
JA und? Es passt sich doch die Schrift an! Oder meinst du die Pfeiler wo die rote Schrift drinnen steht?