时间戳

首页 > 解决方案 > 为什么我的字体大小百分比在 CSS 中不起作用？

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

问题描述

h1 字体大小百分比不会根据屏幕改变文本大小，而是保持在 20 像素。我错过了什么吗？

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;
}

标签： css

解决方案

尝试改用它。

font-size:2em;

Ems 是更适合文本的相对大小单位。此外，如果没有看到您的 html 结构，很难知道是否没有其他元素阻碍了这种字体大小的更改。

推荐阅读