Alle Fonts 50% größer

[Encoder]

Hallo ihr!
Eine Webseite hat per css allen Textpassagen, Überschriften usw. eine bestimmte Schriftgröße verpasst.
Die selbe Seite soll jetzt für mobile Geräte umgestaltet werden. Hauptknackpunkt dabei ist die Schriftgröße. Kann man in die Seite irgendwie die Info reinbringen, dass alles um einen bestimmten Faktor größer werden soll?
Also aus 12 werde 18, aus 16 24 und so weiter. Möglichst ohne doppeltes CSS schreiben zu müssen.

[Matthias Apsel]

Om nah hoo pez nyeetz, Encoder!

Also aus 12 werde 18, aus 16 24 und so weiter. Möglichst ohne doppeltes CSS schreiben zu müssen.

Unter verwendung von media-queries kannst du dich ja tatsächlich nur auf die Font-Deklarationen beschränken.

Ansonsten kann CSS dies nicht leisten.

Matthias

[MudGuard]

Hi,

Eine Webseite hat per css allen Textpassagen, Überschriften usw. eine bestimmte Schriftgröße verpasst.
Die selbe Seite soll jetzt für mobile Geräte umgestaltet werden. Hauptknackpunkt dabei ist die Schriftgröße.

Inwiefern?
Für normale Schrift verwendet man sinnvollerweise 1em - also die Schriftgröße, die der User als für sich passend in seinem Browser konfiguriert hat.
Und alle anderen Schriftgrößen gibt man relativ dazu an.

Falls der User in seinem mobilen Browser (oder wo auch immer) eine andere Schriftgröße haben will/muß, um die Schrift gut lesen zu können, wird er dies schon entsprechend konfigurieren.

Warum soll die Schrift auf einem mobilen Gerät überhaupt größer benötigt werden? So gewaltig sind doch die Darstellungsgrößen-Unterschiede zwischen normalem Monitor und Laptop/IPad gar nicht ...

cu,
Andreas

[Encoder]

So gewaltig sind doch die Darstellungsgrößen-Unterschiede zwischen normalem Monitor und Laptop/IPad gar nicht ...

Ich dachte mehr an Smartphones.
Hab da gerade eins vor mir, das die Seite ziemlich klein darstellt. Sie ist zwar recht breit aber dafür verkleinert. Ich hab übrigens keine Ahnung warum die so breit dargestellt wird, die wäre eigentlich schon noch verkleinerbar (bzgl. der Breite) und dafür dann weniger verkleinert darzustellen.

[bleicher]

Grüße,
welcher browser? o.e.d.a - seiten werden auch mobil gut dargestellt, wenn des machers hände als parentNode nicht den arsch haben
MFG
bleicher

[Gunnar Bittersmann]

@@Encoder:

nuqneH

Also aus 12 werde 18, aus 16 24 und so weiter. Möglichst ohne doppeltes CSS schreiben zu müssen.

Es würde genügen, einmal vernünftiges CSS zu schreiben.

Wenn es schon eine(!) absolute Angabe zur Schriftgröße sein muss, dann fürs 'html'-Element. Alle anderen Schriftgrößen relativ zu dieser (em, %). Und schon musst du (per Media-Query) nur eine Angabe ändern.

Qapla'