WebSite X5Help Center

 
M. H. L.
M. H. L.
User

Automatische Verkleinerung der Schriftgröße (Überschrift) bei mobilen Variant  de

Autore: M. H. L.
Visite 672, Followers 1, Condiviso 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.

Postato il
7 RISPOSTE
Daniel W.
Daniel W.
User

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>

Leggi di più
Postato il da Daniel W.
Andreas S.
Andreas S.
Moderator
Utente del mese DE

Am besten du benützt für die ÜBerschriften einfach ein Titel-OBjekt wo du im Objekt anhaken kannst, dass es sich anpasst!

Leggi di più
Postato il da Andreas S.
Daniel W.
Daniel W.
User

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ß.

-----


 

Leggi di più
Postato il da Daniel W.
Daniel W.
Daniel W.
User

2. Versuch - alle 4 Titel-Objekte mit Schriftgröße 16, das wäre ein guter Kompromiss, wenn die Überschriften nicht zu lang sind.

-----

Leggi di più
Postato il da Daniel W.
Daniel W.
Daniel W.
User

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?

-----

Leggi di più
Postato il da Daniel W.
Andreas S.
Andreas S.
Moderator
Utente del mese DE

JA und? Es passt sich doch die Schrift an!  Oder meinst du die Pfeiler wo die rote Schrift drinnen steht?

Leggi di più
Postato il da Andreas S.