Wie berechnet man REM für den Typ?

9

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?

    
jfrosty 05.07.2012, 21:24
quelle

1 Antwort

26

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 .

    
nEx.Software 05.07.2012, 21:50
quelle

Tags und Links