我知道系统字体大小应该更新HTML标签的字体大小,在CSS中是1rem。所以我预计如果我不接触 HTML 字体而只在我的网站上使用 REM 单位 - 它会受到此设置的影响。然而,这似乎对我在带有最新 MIUI 的小米 12T 上不起作用。最奇怪的是,我注意到维基百科主页上的页脚大小对我来说受到系统字体大小的影响: https://www.wikipedia.org
我尝试重新创建他们使用的样式,但它仍然没有帮助,而且我找不到任何关于如何启用此功能的真正答案,几乎就像它应该开箱即用一样。
我尝试创建非常基本的 HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
<style>
div {
width: 3rem;
height: 3rem;
background: red;
}
</style>
</head>
<body>
Some text
<div></div>
</body>
</html>
为什么不起作用?
您尚未在根元素上设置字体大小,因此您将获得浏览器默认值。设置字体大小:
html { font-size: 100%; }