html - html和每个元素通常使用什么字体大小？

Question

我正在装饰一个网站，但我什至不知道我应该决定 HTML 中字体的大小。其他元素也不是。首先，我将尝试确定像素的大小。确定每个元素的字体大小后，我将尝试计算 px 到 em。

我不知道什么时候应该用rem，什么时候用em，什么字体大小我应该在index.html中决定根。

Answer 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 与您的网站。