rem ist eine relative Einheit, die von CSS3 hinzugefügt wird, relativ zum Vielfachen der Schriftgröße des Wurzelelements (html-Element). Funktion: Rem kann verwendet werden, um ein einfaches responsives Layout zu erreichen.Sie können das Verhältnis der Schriftgröße im HTML-Element zum Bildschirm verwenden, um den Wert für die Schriftgröße festzulegen, sodass sich das Element ändert, wenn sich die Bildschirmauflösung ändert.
rem(font size of the root element)
Bezieht sich auf die Einheit der Schriftgröße relativ zum Stammelement. 1rem
Es ist gleich dem Wurzelelement htm
, font-size
das heißt, nur das Wurzelelement muss gesetzt werden font-size
, und wenn andere Elemente rem
Einheiten verwenden, setzen Sie es auf den entsprechenden Prozentsatz.
Definieren Sie die Formel: rem (multiple) = width / (font-size of html) , gemäß der Formel, die wir erhalten können:
rem (multiple) = design draft width ( imgWidth ) / font-size you set ( defalutSize )
Sie müssen die Schriftgröße ( x ) = die tatsächliche Breite der Webseite (screenWidth)/rem (mehrere) dynamisch festlegen.