Wie konvertiere ich PX in REM für meinen Typ? Ich habe Jonathan Snooks Artikel über die Verwendung von REM gelesen, aber er verwendete font-size: 62,5%, welches standardmäßig auf 10px (für eine einfachere Berechnung) eingestellt ist. Wie würde ich meine PX-Einheiten in REM konvertieren, wenn ich 100%, 75% usw. verwenden möchte?
Target Size / Base Size = Value
Da wir davon ausgehen können, dass Browser 16px als Standard verwenden (immerhin hat Jonathan Snook angenommen, dass 62,5% 10px ist), dann ist Ihre Basis 16. Wenn Sie 32px wollen, dann 32 / 16 = 2
, dann wollen Sie 40px 40 / 16 = 2.5
, will 24 dann 24 / 16 = 1.5
.
Das Gleiche gilt für 75% ... Bestimmen Sie, was 75% ist (es ist 12) und führen Sie die gleiche Berechnung durch. Wenn Sie 32px wollen, dann 32 / 12 = 2.666
, wollen 40px dann 40 / 12 = 3.333
, wollen 24 dann 24 / 12 = 2
.