为什么我的字体大小百分比在CSS中不起作用？

Question

h1字体大小百分比不会根据屏幕更改文本大小，而是保持在20px。我想念什么吗？

html {
    background-color: #fff;
    color: #555;
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-rendering: optimizeLegibility;
}

h1 {
    margin: 0;
    font-size: 200%;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
}

Answer 1

尝试使用它。

font-size:2em;

Ems是更适合于文本的相对大小单位。另外，在没有看到您的html结构的情况下，很难知道是否没有其他元素阻碍此字体大小的更改。