logo标签列表

像素和rem单位的字体大小：为什么要在同一个元素中同时添加这两种单位？

cssfont-size
3
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

这是什么意思以及它是如何工作的？
3
对于不支持REM的浏览器？ - Paulie_D
4个回答
4
在这里，px是为不支持rem单位的浏览器（如IE8）提供备选方案。
请查看rem Can I Use... feature以获取浏览器支持情况。
任何不支持rem单位的浏览器将依赖px单位，防止浏览器默认字体大小随意更改。
2
“font-size”以像素为单位时，当浏览器不支持“rem”时，它将作为rem的后备选项。
在这种情况下，如果使用“font”简写属性，则会出现IE8或IE9/10。
2

正如其他人所说，这是一个后备方案。

需要注意的是顺序很重要，如果两个声明被颠倒，它将没有任何作用。

CSS声明设置了16px的字体大小，然后试图使用1rem来覆盖它。 如果浏览器不支持rem，那么这个覆盖就不会发生。

1

当一个单元不起作用时，它将使用默认的那个...但如果你像在代码中写的那样写，并且两个都被允许，它将根据CSS中特定性规则选择最新的那个。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接