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

Question

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

Answer 1

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

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

如果一个p元素是 的子元素，body并且您已设置body {font-size: 10px}，则使用注意事项，该p元素的字体大小将为 10 CSS 像素。CSS 像素的大小取决于设备，不一定等于物理设备像素；见5.2。绝对长度： CSS Values 和 Units Module Level 3 CR（比 CSS 2.1 更现实）中的 'cm'、'mm'、'in'、'pt'、'pc'、'px' 单位。