Responsiv font-size 100%

[Philipp88]

Hallo

Ich bin gerade dabei mich ins Responsive Webdesign einzuarbeiten. Ich habe ein Responsives Testlayout erstellt.
Dieses wird auf Desktop- PC sowie diversen Emulatoren richtig dargestellt. Doch aber auf ein mobilen Gerät wird das Layout total verhauen (Schrift zu groß etc.)
Habe den Body eine font-size von 100% gegeben. Warum wird dennoch die Schrift zu groß dargestellt?

www.philipp-games.de/rep

Könnt ihr mir ein Rat geben?

Danke im vorraus
vg und ein schönes Wochenende,
Philipp

 

[noltehans]

Hi Philipp,

gib bei @media einfach eine font-size: 90%; ein.

 

[Philipp88]

Danke das hätte ich auch als letztes gemacht. Ich frage mich nur warum 100% zu groß ist? Bei Verkleinerung des Browserfensters wird ja auch die Schrift mit 100% angepasst.

 

[_schatzi_]

Hallo!

Schau mal hier:
http://html5-mobile.de/blog/meta-viewport-fuer-mobile-anpassen
Oder google mal nach "initial-scale" o.ä.

 

[sendi]

schon mal probiert bei der font-size px anzugeben?

 

[Myhar]

Sicher, man kann die Schriftgröße in px angeben, aber warum sollte man die Schriftgröße nicht auch skalierbar machen?

 

[Philipp88]

In meiner meta-angabe des Viewports habe ich bei der Contenteigenschaft statt "," das ";" als Trenner genommen. Jetzt wird die Seite auch auf Smartphones ordentlich aus
Die Schrift möchte ich in Prozent lassen, da die ja auch wie Myhar schon sagte mitskaliert werden soll.

Danke für eure Antworten