Размер шрифта в 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

Если один из устройств не работает, он будет использовать тот, который будет использоваться по умолчанию ... но если вы пишете, как написано в коде, и оба разрешены, он выберет тот, который был последним в соответствии с правилом от Спецификация в CSS.