Berechnen von CSS Schriftgröße für mobile

Question

Ich muss die richtige Schriftgröße für mobile berechnen. Die Mock-up-Anleitung, die ich bekomme, ist die Größe der realen Auflösung eines iPhone 5 (640x1136). Als ich damit herumhantierte, merkte ich bald, dass ich jeden Wert in der Anleitung durch 2 teilen musste, um die korrekte logische Schriftgröße zu erhalten. Betrachten Sie das in HTML vorhandene Meta-Tag viewport.

Ist das ein richtiger Ansatz?

Answer 1

Ja, das ist ein guter Ansatz, weil es der Retina-Bildschirm ist, der eigentlich das Doppelte der normalen Auflösung ist. Wie für Iphone6 ​​haben wir den Retina-Bildschirm von 750 * 1334. Aber wenn wir es inspizieren, zeigt es 375 * 667, also ist es ein guter Ansatz, durch zwei zu teilen, wenn Modelle entsprechend Retina-Bildschirm bereitgestellt werden.