[Rareer]

Hallo liebes Forum,

ich habe eine Verständnisfrage bzgl. der Erstellung einer Website für mobile Geräte.
Dabei nutze ich im CSS media-querys.

Wenn ich jetzt mein Xperia Ray hernehme (mit einer Auflösung von 480px (entsprechen 320px) × 854px (entsprechen 569px) bei einem pixel-ratio von 1.5 und dort einen Balken mit einer Breite von ebenfalls 320px reinlege, so füllt dieser exakt die Breite des Displays aus und das auf dem Smartphone UND im normalen PC Browser (das Fenster ist hier auf 320px Breite skaliert). D.h. Smartphone und PC Browser sind sich einig ^^
Doch wenn ich jetzt die Schriften vergleiche (mit einer festen Pixelgröße) so unterscheiden sich diese (erkenntlich daran, wie viel Platz im Verhältnis noch bis zum rechten Rand ist). Woran liegt das? Warum werden feste Pixelgrößen bei Schrift skaliert, aber nicht bei einem div?

MfG,
Rareer

[dercem]

Weil Schrift nicht in jedem Browser gleich gerendert wird. Um welche Schrift handelt es sich denn? Wie groß ist die Abweichung? Hast du einen Screenshot oder – noch besser – ein Onlinebeispiel?

[Rareer]

Könntest du denn etwas mit einem Beispiel anfangen? Denn du bräuchtest ja dann auch beide Geräte um das zu vergleichen oder?

[dercem]

Ne, ich frag danach, weil ich gar nichts damit anfangen kann …

[ExMD]

extrem vereinfacht: schriften skalieren auf verschiedenen mobile-devices unterschiedlich
http://dalelane.co.uk/blog/?p=1425

[Rareer]

Und das lustige ist ja auch, dass prozentuale Angaben in verschiedenen Browsern auch unterschiedlich ausgewertet werden. Gibt es da eine zu empfehlende und allgemeingültige Variante wie man am besten eine Webseite für solche Geräte optimiert? Ich kann ja nicht für jedes gerät ein media-query schreiben. Oder macht man das so?

[dercem]

1. Lies, was hinter dem Link steckt, der dir geschickt wurde.
2. Verabschiede dich von der Vorstellung, dass eine Seite in allen Browsern genau gleich aussieht, im speziellen, wenn es um Schriften geht. Schau mal wie Safari und Firefox den Regeln-Link oben Rechts rendern. Oben Safari, unten Firefox. Nur ein Wort. Keine krummen Werte.

[m]

http://alistapart.com/article/a-pixel-identity-crisis