我有开发人员的经验，但我会感到惊讶，因为每次您都能发现新事物，就我而言，我会发现字体大小作为HTML文档或网页的尺寸基础的力量
让我解释一下，每个人都知道1rem = 16px，但是....为什么。
这要归功于HTML中的字体大小基础，默认为16px，那么，如果将字体大小更改为20px，现在是1REM = 20px，然后就可以简化此任务制作此任务，而不是更改我们的所有版式类别或样式以下以创建完全响应的排版：
想象您有以下样式的版式
p {margin-bottom: 1rem;}
h1, h2, h3, h4, h5 {
margin: 3rem 0 1.38rem;
font-family: 'Poppins', sans-serif;
font-weight: 400;
line-height: 1.3;
}
h1 {
margin-top: 0;
font-size: 3.052rem;
}
h2 {font-size: 2.441rem;}
h3 {font-size: 1.953rem;}
h4 {font-size: 1.563rem;}
h5 {font-size: 1.25rem;}
small, .text_small {font-size: 0.8rem;}
现在，要成为完全响应迅速排版的样式，我们只需要添加媒体查询即可更改字体大小的基础
示例：
/* Base style */
html {
font-size: 16px;
}
/* Media queries */
@media (max-width: 768px) {
html {
font-size: 12px;
}
}
然后，我们对网站有完全响应的版式，其中小设备为1REM = 12px，而对于其他设备尺寸为1REM = 16px。
我希望这个博客对某人有帮助。