px和rem中的字體大小：爲什麼要將兩者都添加到相同的元素中？

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單元，從而防止瀏覽器將字體大小設爲任意值。

Answer 2

font-size像素將是rem當瀏覽器不支持它的失敗。

在這種情況下將是IE8，或IE9/10，如果使用font縮寫屬性

Answer 3

正如其他人說，這是一個回退。

同樣重要的是要注意順序很重要，如果兩個聲明互換，這將起不到任何作用。

CSS聲明設置16px的的字體大小，然後試圖覆蓋，與1個REM。 如果瀏覽器不支持rem，那麼覆蓋不會發生。

Answer 4

當機不工作，它會使用一個，這將是默認的一個...但如果你寫的，你已經寫在代碼都被允許將選擇是根據最新的一直統治一個特殊性 in CSS。