0

我有这个基本的 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;
}
4

1 回答 1

2

这是尺寸单位之间的比较:http: //www.narga.net/understanding-font-sizing-in-css-em-px-pt-percent-rem/

这应该让你指向正确的方向。

于 2013-07-10T09:07:09.757 回答