当父元素使用像素(px)时，为子元素定义相对字体大小不是可以的吗？
1) I今天遇到了这篇文章，它说：
在使用em值时最流行的方法是将身体上的字体大小设置为62.5%。因为默认的浏览器字体大小是16‘t，这使得它只有10’t(不需要将其硬设置为10‘t，这样就不会级联)。
我刚才引用(上面)的意思是，我不能直接将主体的字体大小设置为10 on，然后根据它定义em或%中其他元素的字体大小。不是它的意思吗，还是它搞错了？
例如，我有body {font-size: 10px;}。现在我设置了p {font-size: 1.4em;}。这不意味着，p的字体大小实际上是14‘t吗？这不是层叠的吗？(或者这会给我带来其他设备上的问题吗？-手机、平板电脑等)
2)对于任何给定元素，将其font-size定义为1.8em或180%都没有什么区别，对吗？我的意思是，对于一个元素(它的大小我们正在定义)，em本质上是一种%的十进制形式，不是吗？
编辑: 3) 'em‘通常被称为一个非常适合移动的大小调整单元。%怎么样？考虑到Q2，它也一样好吗？
回答 1
Stack Overflow用户
发布于 2012-01-22 14:15:31
1)这篇文章说以像素为单位的字体大小“不会级联”是错误的(这反映了对级联是什么的误解)。如果您愿意，可以对内部元素的字体大小使用em或%。您将为它们设置以像素为单位的字体大小，只是间接设置。您获得的灵活性是，如果以后更改以像素为单位设置的基本字体大小，事情会变得更容易。另一方面，em或%设置可能意味着舍入，在某些情况下，不同的浏览器将对其进行不同的处理。
如果您设置了body {font-size: 10px;} p {font-size: 1.4em;}，那么(除非其他样式表干扰)，font-size of p将是14 be。但这与级联毫无关系。这是单位和font-size的基本定义的结果。
( 2)对于font-size，1.8em和180%在定义上具有相同的含义。过去，由于浏览器与其他浏览器的错误，有理由支持其中的一个，但这些考虑已经失去了意义。
3)是的，使用%也一样好。
https://stackoverflow.com/questions/8961501
复制相似问题
腾讯云开发者
