Html 基金会使用保证金为何留下:1.25ReM?ul>;

Html 基金会使用保证金为何留下:1.25ReM?ul>;,html,css,zurb-foundation,Html,Css,Zurb Foundation,Foundation使用%作为左边距和右边距 然而,在无序列表中,他们使用rem作为左边距 我很难理解这背后的逻辑。Rems类似于%和em,因为它们是基于基本字体大小的一部分(默认为16px)。与%和em不同,rem单位不会继承父元素的字体大小。使用%和em,当您嵌套元素时,您将看到字体大小越来越小。rem单位不会发生这种情况。相反,无论元素在DOM层次结构中的何处,rem大小的元素始终引用基本字体大小 对围绕文本元素的边距和填充使用rem可以在布局中提供可伸缩性。填充:10rem;@16px基

Foundation使用%作为左边距和右边距

然而,在无序列表中,他们使用rem作为左边距


我很难理解这背后的逻辑。

Rems类似于%和em,因为它们是基于基本字体大小的一部分(默认为16px)。与%和em不同,rem单位不会继承父元素的字体大小。使用%和em,当您嵌套元素时,您将看到字体大小越来越小。rem单位不会发生这种情况。相反,无论元素在DOM层次结构中的何处,rem大小的元素始终引用基本字体大小


对围绕文本元素的边距和填充使用rem可以在布局中提供可伸缩性。填充:10rem;@16px基本字体大小产生160px的填充。更改基本字体大小不仅会放大或缩小字体大小,还会按比例更改使用rem单位的周围元素。基金会还使用REM进行媒体查询。其想法是,如果增加基本字体大小,不仅字体大小会变大,容器会增长,断点也会更快触发

百分比主要在网格上使用,因为这些比例非常完美;列表的左边距生成列表的缩进,这是与文本相关的设计节奏,因此(对我来说)使用基本字体大小(rem)是非常合乎逻辑的。

今天读这本书很有趣。非常感谢。这种想法可能是“ul”与文本相关,他们使用rem表示文本元素,使用百分比表示块元素。只是猜测而已。
 ul {
     margin-left: 1.25rem;
     list-style-type: disc; }