Schriftgröße automatisch anpassen 
Autore: Jürgen S.
Visite 114,
Followers 1,
Condiviso 0
Guten Morgen Zusammen!
Ich bekomme es einfach nicht hin die Schrifgröße auf unterschiedlichen Geräten richtig anzeigen zu lassen. Kann mir jemand sagen wie das geht?
Ein Beispiel seht ihr auf der folgenden Seite:
https://www.herakles-therapiezentrum.de/
Vielen Dank im Voraus!
Gruß
Jürgen
Postato il
Was ist mit "richtig" bei der Schriftgröße gemeint? - evtl. Screenshots posten.
Ich habe kein Smartphone und kann nur die Smartphone-Simulation in Firefox testen. Dabei kann ich keine Probleme erkennen, siehe Screenshots unten
.
----- Desktop-Ansicht in Firefox -----
----- Smartphone-Simuation in Firefox -----
Autore
Hallo Daniel,
sieh dir bitte mal das Projekt unter der folgenden URL an:
http://test2.it68.de/
Die Schriftgröße wird nicht automaitsch an die Größe des Endgerätes (z. B. Handy) angepasst. Auch verändert sich nicht die Größe des Bildes.
Gruß
Jürgen
P.S. Warum erhalte ich keine E-Mail mehr, wenn jemand im Helpcenter geantwortet hat?
Hier sind 2 Screenshots (Quer- und Hochformat) der Smartphone-Simulation in Firefox.
Vielleicht können auch Besitzer eines Smartphone die Webseite anschauen.
-----
-----
Autore
Aber du siehst doch dass z. B. Emmelshausen viel zu groß ist, oder?
Mehrere Möglichkeiten:
Beim Titel-Objekt kann man die Fontgröße an die Breite des Objekts anpassen > Screenshot 3
Oder beim Text- und Titel-Objekt mit Soft Hyphen (sanftes Trennzeichen) > Screenshot 1 und 2
Beim Text-Objekt evtl. das HTML-Symbol markieren, damit es blau umrandet ist.
Ich bevorzuge Soft Hyphen
----- Screenshot 1 -----
----- Screenshot 2 -----
----- Screenshot 3 ------
Automatisch passt sich gar nichts an von den SChriftgrößen. Jedenfalls in einem Text-Objekt gibt es keine automatische Anpassung an die Geräte. Dies funktioniert nur mit dem "Titel-Objekt" und auch bei den Hintergrundbildern oder anderen Bildern kommt es darauf an welches Objekt du benutzt hast.
Autore
Hallo Andreas,
wie würdest du es machen?
Hallo Jürgen,
versuche mal diesen Code-Snippet:
3 Sitemap -> z.B. Startseite (index.html) -> Eigenschaften -> Erweitert -> Vor dem </HEAD> Tag
<style>@media(max-width:719.9px) and (min-width:360px){#imTextObject_64_tab0 .fs48lh2 {font-size: 36pt!important;}</style>
Kannst du dann überall verwenden, du musst immer nur den SELEKTOR (= Selektor: #imTextObject_64_tab0 .fs48lh2) anpassen.
So mach ich es
Gruß
KLAUS
Oder bei mehr Text einfach 3 Titel-Objekte einfügen und das Häkchen setzen bei Font automatisch anpassen.
Die Hintergrundgrafik dann über 3 Objekte ziehen.