Zu große Schriftgröße/schlechte Formatierung unter iPhone?

Hi!
Brauch mal eure Hilfe :slight_smile:
Und zwar geht’s um meine HP (jens-brauer.de)
Speziell um den letzten Tweet den ich anzeige (via Twitter Javascript)

Das ganze sieht normal so aus:

Und auf dem iPhone so:

Irgendwie ist die Schriftgröße auf dem iPhone auch falsch proportioniert im Vergleich zu den Menü-Buttons o.0

…vermutlich ist es recht einfach zu beseitigen,oder? Irgendne Zeile im CSS? So zumindest sieht es auf dem iPhone unschön aus :neutral_face:

Gruß blackcat

Du solltest für html oder für body eine Schriftgröße in pt oder px definieren. em ist in Abhängigkeit von der aktuellen Schriftart.

OK, werde ich mal schauen ob das was bringt :slight_smile: thx

Kann ich alternativ auch ein Stylesheet machen extra fürs iphone wo ich dann die Schriftgröße abändere und gleichzeitig das Feld beim Iphone etwas nach oben schiebe??

Ja, ist möglich: google.de/search?q=mobiles+w … =firefox-a :slight_smile:

Die Schriftgröße hat der Autor nie komplett unter Kontrolle, daher
ist es eher sinnvoll, den Rahmen um Textinhalte an die Größe der
Schrift anzupassen. Der Leser sollte sich die Schriftgröße bereits am
Gerät so eingestellt haben, daß alles für ihn optimal lesbar ist, somit
wird man also eher andere Dinge per em oder ex darauf beziehen.
px oder pt sind für Schriftgrößen auf Monitoren komplett ungeeignet.
Außer bisherigen Versionen vom Gecko (Firefox) bekommt pt
sowieso kein browserr korrekt dimensioniert. Das ist eine Einheit,
die allenfalls für Druckausgaben irgendeinen Sinn ergibt, weil
Drucker das korrekt umrechnen können - sofern der browser das
nicht vorher falsch umskaliert ;o)

Da auch das iphone von Leuten unterschiedlichen Alters und mit
unterschiedlichen Sehfähigkeiten genutzt wird, ist es auch bei
Verwendung einer speziellen Stilvorlage für diesen nicht sinnvoll,
vom der vom Nutzer als optimal empfundenen Schriftgröße nach
unten abzuweichen, nach oben geht ja mit em, ex oder % etwa
sinnvoll für Überschriften.