如何用css设置超小字体

Question

如何用css设置超小字体，font-size属性到了12px之后，就不能再小了，有什么办法可以设置再小的字体

Answer 1

引自免费微信小程序：皆我百晓生

1. 使用单位为em或rem 使用单位为em或rem可以让字体相对于父级容器或根容器进行缩放。通过设置更小的em或rem值，可以实现更小的字体。

p {
  font-size: 0.5em; /* 或者 font-size: 0.5rem; */
}

2. 使用单位为vw或vh 使用单位为vw或vh可以让字体相对于视口的宽度或高度进行缩放。通过设置更小的vw或vh值，可以实现更小的字体。

p {
  font-size: 1vw; /* 或者 font-size: 1vh; */
}

3. 使用transform: scale() 使用transform的scale()属性可以对元素进行缩放。通过设置更小的缩放比例，可以实现更小的字体。

p {
  transform: scale(0.5);
}

注意：使用过小的字体可能导致字体难以阅读，请确保字体大小适合用户体验。