我正在装饰一个网站,但我甚至不知道我应该决定 HTML 中字体的大小。其他元素也不是。首先,我将尝试决定 px 的大小。在决定每个元素的字体大小之后,我将尝试计算 px 到 em。
我不知道什么时候应该使用 rem 和 em 以及我应该决定 index.html 中的根的字体大小。
1
Bootstrap 有一个字体大小，你可能会发现很容易使用。
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
font-family: ___; /* <= choose your own font */
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
Suc6 与您的网站。
-1
典型的你想要的是以下内容：
<h1> - 32px - font-size: 2em
<h2> - 24px - font-size: 1.5em
<h3> - 18px - font-size: 1.17em
<h4> - 16px - font-size: 1em
<h5> - 13px - font-size: 0.83em
<h6> - 10px - font-size: 0.67em
-1
我想你对使用 px 或 em 或 ren 或 pt 等的天气感到困惑...？
使用rem单元，默认为 16px（1rem = 16px），但计算值将是繁琐的，所以你知道在 html 上设置的浏览器的默认字体大小，其中 16px 和 dom 中的其他元素继承该值，所以你要做的是改变html {font-size: 62.5%}现在这样做 1rem 等于 10px
html {
font-size: 62.5%;
}
body {
font-size: 1.6rem
}
注意16px 是 100 ％ 默认字体大小。如果您在 html 上设置 62.5 ％ 作为字体大小，那么现在您的默认字体大小将是 10px，因此在 body 1.6 rem（等于 16px）上设置 font-size，以便其他元素继承它并且不会更改。
现在你可以很容易地使用 REM 单位，而不是 PX。
注意px 值是固定的。意味着如果屏幕变小，那么它将保持不变。但是 rem 单位是相对单位。
Thank you本站系公益性非盈利分享网址，本文来自用户投稿，不代表边看边学立场，如若转载，请注明出处
评论列表（21条）