root font-size by měla být nastavena jako procento
Co
Velikost textu a výška řádku jsou pouze v relativních jednotkách.
Proč je to problém
Důvodem je to, že ne zanedbatelný počet uživatelů (jedná se o přibližně stejný počet, jako je uživatelů Microsoft Edge, viz Zdroje) upravuje výchozí velikost písma na úrovni prohlížeče nebo operačního systému.
Text nastavený v pixelech pak tato nastavení nerespektuje.
Doporučení
Příklad řešení
:root {
font-size: 100%; /* the default value; this line is not needed */
}
Zdroje
Spec
Zařízení: MacBook
Prohlížeč: Safari + Chrome