css - 以 px 和 rem 为单位的字体大小 : Why add both to the same element?

Question

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

这是什么意思，它是如何工作的？

Answer 1

px 这里是不支持 rem 单元的浏览器的后备(IE8 是一个值得注意的例子)。

查看 rem Can I Use... feature浏览器支持。

任何不支持 rem 单元的浏览器将转而依赖 px 单元，从而防止浏览器将字体大小默认为任意大小。