我有这个基本的 CSS 样式。我想要做的是让文本响应(字体),我知道我必须使用 ems / rems 来做到这一点(我选择 rems 并回退到 px 不确定它是否正确但你可以在代码中看到如何我做了,我不确定我是否设置正确的像素),我使用的公式是字体大小除以 16 像素。现在我们有一个我认为 h 标签的相对字体大小.. 但是如果我想调整浏览器的大小并没有任何魔力。你能帮我理解如何使用 rems 或其他东西使字体响应,使用 rems/other 设置边距、填充、行高吗?欢迎提供一个复杂的示例和解释:-d 非常感谢您抽出宝贵的时间。
html {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
background-color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
color: #000000;
position: relative;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
width: 100%;
min-width: 0;
}
html,
body {
height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
margin: 0 0;
margin: 0 0;
}
h1 {
font-size: 3px;
font-size: 3rem;
}
h2 {
font-size: 2.25px;
font-size: 2.25rem;
}
h3 {
font-size: 1.5px;
font-size: 1.5rem;
}
h4 {
font-size: 1.125px;
font-size: 1.125rem;
}
h5 {
font-size: 1px;
font-size: 1rem;
}
h6 {
font-size: 0.875px;
font-size: 0.875rem;
}