Viewport Units für Schriftgröße

Question

Ich habe versucht, Viewport-Einheiten für die Schriftgröße zu verwenden und festgestellt, dass die Größen nicht einheitlich skaliert wurden, wie ich es wollte.

Auf dem gleichen Browser (Chrome) über verschiedene Betriebssysteme hatte der Browser mit einer kleineren Bildschirmgröße unter OS X eine größere, leserlichere Schrift als die Windows-Version mit der größeren Bildschirmauflösung.

Im gleichen Browser, auf dem gleichen Betriebssystem (Windows), aber ein anderes Gerät (das gleiche Seitenverhältnis), die Schriften sehen völlig anders aus.

Ich habe früher über verschiedene Betriebssysteme lesen Schriftart anders zu lesen, aber das ist nicht der Fall in der 2. senerio. Ist die Implementierung von Ansichtsfenstern für Schriftgrößen immer noch fehlerhaft? Rendern mit text-rendering: optimizeLegibility hilft auch nicht viel. Soll ich mich jetzt einfach an px/em halten oder gibt es eine CSS-Eigenschaft, die ich übersehen habe, um diese Effekte zu minimieren?

Answer 1

Im Falle von iOS - sind Sie sicher, dass Sie nicht auf einem Retina-Bildschirm mit einer höheren Auflösung sind?

In jedem Fall, in Bezug auf Schriftgröße, glaube ich, dass px oder em sollte eine bessere Wahl sein. Normalerweise verwende ich px für den Großteil des Codes, einfach weil Sie so die volle Kontrolle haben und sich nicht darum kümmern müssen, dass Browser die tatsächliche Größe aufgrund der Vererbung der Eltern anders berechnen (IE - ich sehe Sie an!). Im Allgemeinen glaube ich nicht, dass es viele gültige Anwendungsfälle für die Verwendung von Ansichtsfenstereinheiten als Schriftgröße gibt und dass Sie konsistentere Ergebnisse erzielen können, wenn Sie px oder ems zusammen mit Medienabfragen verwenden.