使用body {font-size: 10px}会改变ems的工作方式吗？

Question

我正在尝试设计一个响应式的布局，并且我正在使用一个技巧来使EM的使用更容易。在我的身体里，我有这个：body {font-size: 10px}。我的问题是:这会改变EM的工作方式吗？如果我设置p {font-size: 1em}，它会是10px而不管你的屏幕尺寸吗？

Answer 1

设置font-size不会改变em单元的工作方式。

如果您设置了p {font-size: 1em}，则使用常见的CSS警告(其他样式表可能在p上设置font-size，等等)，任何p中的字体大小都将等于其父元素的字体大小，这是通过继承默认发生的(当没有样式表在p元素上设置font-size时)。

如果p元素是body的子元素，并且您设置了body {font-size: 10px}，则p元素的字体大小将为10css像素。CSS像素的大小取决于设备，不需要等于物理设备像素；请参阅CSS值和单元模块级别3 CR中的5.2. Absolute lengths: the ‘cm’, ‘mm’, ‘in’, ‘pt’, ‘pc’, ‘px’ units (比CSS2.1更逼真)。