Question

我有这种基本的CSS风格。我想要做的是使文本响应（字体），我知道我必须使用ems / rems来做到这一点（我选择带回退的pms不确定它是否正确但你可以在代码中看到我做了，px我不确定我是否设置正确），我使用的公式是字体大小除以16px。现在我们有一个相对字体大小的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;
}

Answer 1

以下是调整单位之间的比较：http://www.narga.net/understanding-font-sizing-in-css-em-px-pt-percent-rem/

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

响应字体，边距，填充

1 个答案: