Mobile Schrift zu groß
lima-city → Forum → Die eigene Homepage → Grafikdesign
ansehen
ausprobieren
blocken
code
darstellen
deckeln
diversen foren
effekt
einhalt
element
erfahrung
gebiet
helfen
idee
methode
nachricht
nutz
stelle
text
zweig
-
Hi,
ich habe eine Website gebastelt und nun habe ich das Problem, dass auf der Website über den Desktop alles tippitoppi ist, sobald ich mein Android Smartphone raushole aber einige (nicht alle!) Texte zu groß angezeigt werden, andere wiederum exakt wie über Desktop. Ich habe bereits herausgefunden, dass unter chrome auf mobilen Geräten ein font boost integriert ist, der exakt das tut,texte größer darstellen. Allerdings bin ich noch auf keinen grünen Zweig gekommen, da bei mir tatsächlich Text aufgrund eines entstehenden Zeilenumbruchs nicht mehr sichtbar ist.
Hat hiermit bereits jemand Erfahrungen gemacht und kann mir helfen?
Gruß
Flo -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Erfahrungen damit habe ich bisher nicht gemacht, ich nutze aber Chrome auch äußerst selten, so dass mir das noch gar nicht bewusst war.
In diversen Foren findet man
p { max-height: 999999px; }
Ist natürlich nur sinnvoll, wenn der betreffende Text in einem Paragraph steht. -
So, habs mal ausprobiert anhand der betreffenden "<h2>" Überschrift und es hat geklappt. Habe es zuvor auch mit "max-font-size:" probiert was jedoch nicht funktionierte.
Wie du schon korrekt sagst setzt diese Methode voraus, dass es sich um ein inline- und nicht um ein block-Element handelt.
EDIT: Diesen Effekt konnte ich an anderer Stelle einhalt gebieten, indem ich das block-Element, in dem sich der Text befand mit einer definierten height versehen habe (z.b. "height: 800px;").
Beitrag zuletzt geändert: 7.1.2016 18:25:14 von gamegazer -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage