Hallo zusammen, habe auf einigen Seiten gesehen dass sich die Schriftgröße beispielsweise von Überschriften automatisch an die Ausgabegröße des Displays (Desktop/Mobil) anpasst. Bsp. H3 Überschrift Desktopansicht: Größe 36 Mobilansicht: Größe 24 Wir möchten die Überschriften (auf dem Bild rot markiert) in der Artikelbeschreibung in der Desktopansicht größer gestalten, mobil sollten Sie aber in kleinerer Größe dargestellt werden. Aktuell gehen wir den Kompromiss ein dass es für beiden Ansichten ansehnlich ist da die Schriftgröße nicht variabel ist. Link zu unserer Beispiel-Seite: https://www.allergiker-shop-alfda.de/luftentfeucher-aef1200.html Kann so etwas via CSS umgesetzt werden? Danke & Gruß, Matthias
Habe gesehen, dass das Inline-Styles sind. Wenn es möglich ist, diese rausnehmen und Klassen vergeben (class="xyz"). Danach steuern über zum Beispiel: @media screen and (min-width: 768px) { .xyz { font-size:18px } Ist nur ein Beispiel und dient nur als Ansatz.
Hab gerade eine Möglichkeit gefunden dass die Schriftgröße je Bildschirmgröße stufenlos skaliert wird. h2 { font-size: clamp(1.125em, 2.8vw, 2.25em); } Linker Wert Schriftgröße (mobil), rechter Wert (Desktop).