Ich entwerfe Randbereiche für Elemente auf einer Webseite.Warum den Abstand nach der Schriftgröße anpassen?
Als ich das Dokument für Bootstrap V4.0 gelesen habe, habe ich festgestellt, dass die Abstände entsprechend dem Wert $ spacer angepasst werden, und $ spacer selbst ist standardmäßig 1 rem. Ich bin nur neugierig, warum ist das der Fall? Sollte der Abstand nicht auf Basis der Bildschirmauflösung angepasst werden?
Es ist einfacher, Ihre Dimensionen basierend auf einer Stammgröße zu haben, was rem tut. Wenn die Wurzel em 10 Pixel ist, dann 2rem = 20 Pixel. Wenn du jemals das Gefühl hast, dass alles auf eine Größe gebracht werden muss, dann müsstest du nur die Größe des Root-Ems auf 12 (oder etwas) Pixel ändern und dann wäre alles mit 2rem jetzt 24 Pixel. Dies erspart Ihnen das Suchen und Ersetzen aller Instanzen, bei denen Ihr Padding/Rand usw. auf 10 Pixeln basierte, und Sie verwendeten einen festen Wert wie padding: 10px.
Während dies ein großer Kaskadeneffekt ist, wenn Elemente Sizing, Schriften usw. Fühlen Sie sich nicht Sie relative Einheiten wie rem und em die ganzen Zeit verwenden müssen. Es wird Zeiten geben, wenn Sie wollen/brauchen 15px egal was.