Responsive: Schriftgrösse automatisch mit ändern
Autor: Heiko W.
Besucht 3034,
Followers 1,
Geteilt 0
Hallo.
Ich möchte, dass sich die Schriftgrösse meiner Seite automatisch verkleinert, wenn ich mir z. B. die kleine Handy Vorschau ansehe. Dann soll ja die Schrift nicht so gross sein, wie bei der Desktop Ansicht. Sämtliche anderen Objekte (Bilder etc.) werden automatisch verkleinert, nur die Schriftgrösse nicht. Wo finde ich die Einstellung dafür?
MfG
Heiko
Gepostet am
Dann musst du ein "Titel-Objekt" nehmen mit der Einstellung "Fontgröße an die Breite des Objekts anpassen"
In einem Text-Objekt geht das nicht.
Dazu gab es schon einen Thread:
https://helpcenter.websitex5.com/de/post/184385
Autor
1. Danke Andreas S. Ich probiere das mal. Frage mich zwar, wozu die Textfunktion dann überhaupt nützlich sein soll, wenn ich responsive sein will, aber o.k. Wenn es über Titel statt Text geht, soll es mir recht sein, auch wenn ich den Sinn hinterfrage.
2. Die Antwort in dem thread ist etwas Mager, wie ich finde und sagt eigentlich nur: Keine Ahnung, aber grosse Schriften sind doch schön.
(übersetzt von Google) .... reduziert alle Texte in gleichem Maße ...
... Expertengruppe | Benutzerdefinierter Code | Auswahl> Vor dem Schließen des Tags / HEAD
<style>
@media screen and (max-width: 719px) { * {font-size:12px !important;} }
@media screen and (max-width: 599px) { * {font-size:10px !important;} }
@media screen and (max-width: 479px) { * {font-size:9px !important;} }
</style>
719px | 599px | 479px = Bruchpunkte - Haltepunkt (breapoint)
... passen Sie die Schriftwerte 12/10/9 an.
(IT) .... riduce tutti i testi alla stessa misura...
... Pannello Esperto | Codice Personalizzato | selezione > Prima della chiusura del tag /HEAD
<style>
@media screen and (max-width: 719px) { * {font-size:12px !important;} }
@media screen and (max-width: 599px) { * {font-size:10px !important;} }
@media screen and (max-width: 479px) { * {font-size:9px !important;} }
</style>
719px | 599px | 479px = punti di interruzione - breakpoint
... personalizzare i valori del font 12/10/9.
.
ciao
.
Autor
Vielen Dank.
Aber solche Zeilen sollten bei einer teuren Software wohl eher in ein update einfliessen.
Der Code ist für eine EXTRA-Intervention für Experten gedacht, wenn Sie sie jetzt benötigen.
Für die Zukunft müssen Sie die Idee in der IDEA-Sektion veröffentlichen.
(IT) - Il codice è per un intervento EXTRA per esperti, se ti servisse adesso.
Invece per il futuro, devi postare l'idea nella sezione IDEA.
.
ciao
.
1. Gibt es hierfür eventuell Code zur Umsetzung in der V 13?
2. Ein Zeilenumbruch ist aber nicht möglich oder?
Autor
Ich habe es mit Titel statt Text versucht. Problem ist hierbei, dass man für einen Titel nur eine begrenzte Anzahl von Buchstaben hat. Ich kann also keine langen Texte einfügen und habe auch sonst weniger Möglichkeiten, als bei einem Textobjekt. Mich wundert ehrlich gesagt, dass scheinbar alle Nutzer des Programms damit leben, dass die Texte in der Handy Ansicht genau so gross dargestellt werden, wie in der grossen Desktop Ansicht, während alles Andere korrekt in der Grösse schrumpft, ausser der Text. Habe das mal als Idee reingestellt.
MfG
Heiko
Vielleicht können die meisten Nutzer damit leben, da es ja auch möglich ist eine Schriftgröße zu wählen die sowohl in der Desktopansicht wie auch in der Mobilenansicht gut zu lesen ist? Ich brauche keine anpassbare Schrift. Zudem könnte dadurch die Nutzung des Programms noch komplizierter und umfangreicher werden, was viele Nutzer abschrecken könnte und zusätzliche Probleme verursachen könnte (siehe nur z.B. das neue Menü-Objekt wo viele Probleme damit haben).
@ Andreas
1. Gibt es hierfür eventuell Code zur Umsetzung in der V 13?
2. Ein Zeilenumbruch ist aber nicht möglich oder?
@KArl Wieso verwendest du nicht den Code von KolAsim ? Allerdings musst du diesen auf dein Template anpassen. Natürlich gäbe es individuellen Code, aber das ist viel Kleinarbeit das umzusetzen.
Einen Zeilenumbruch ist nur dann möglich wenn ein Leerzeichen ist oder ein "-" gesetzt wird.
Außer man setzt das Häkchen damit es sich anpasst an das OBjekt, dann natürlich nicht! (habe ich gerade gesehen)
Den Code von KolAsim habe ich natürlich getestet, aber festgestellt, dass die Absätze zu groß sind, weshalb ich die Option aus V 14 durch Code ersetzten wollte.
Eine Zeilenumbruch geht weder mit Leerzeichen, noch "-", oder habe ich das etwas falsch verstanden?
reden wir hier vom Titel-Objekt oder vom Text-Objekt? Wie ich oben beschrieben habe, geht es beim titel-Objekt wenn man nicht das Häkchen setzt zur Anpassung!
Titel-Objekt, aber V 13, da gibt es ja anders als bei V 14 nicht die Einstellung "Fontgröße an die Breite des Objekts anpassen".