css - 根据宽度自动调整字体大小，无需 jquery 或 javascript

Question

我看到有人可以使用 em 或 % 而不是 px 来自动调整字体大小。我尝试了这两种方法，但它不适用于我的场景。

Answer 1

正如@Manoj Kumar 所说，您可以使用 vw，但它仅支持 IE9 及更高版本，如果您想覆盖更多浏览器，您还应该通过将 font-size 放在 中来使用回退>em 在 vw 之前。

.text {
  font-size: 3em; /* Whatever is equivalent to 5vw */
  font-size: 5vw; /* 5/100th of the view port width */
}