问:我了解“父元素”是相对定义。在这种情况下,body元素的font-size in作为父元素定义了跨度的font-size。我的问题是在body元素中定义1em = 16px的是什么?它是固定设置还是我们可以更改它?
答:EM是相对大小,没有预先确定。它们可能因浏览器而异,并且屏幕尺寸和每个屏幕的分辨率也不同。关于可见度的最佳建议是在此处的响应式网站课程中提供的建议-用眼睛判断,并随着屏幕尺寸和分辨率的变化调整媒体查询。
Google在这里完美地描述了EM:em是一个CSS单位,用于测量字体的大小,从字体的顶部高度到顶部。最低下降器的底部。最初,em等于首都的宽度。字母M,即其名称的来源。
答:可以通过编写以下内容来更改body元素的字体大小:
正文 { font-size 1.5em ; }
这将使文本的相对字体大小变大0.5em。然后,body元素默认字体大小内的任何文本都将基于1.5em或24px。如果您希望ems基于原始的16px,请使用rems。(1rem = 16px)