[分享]css3怎么让字跟着缩小

CSS3中有一些非常好用的属性可以让字跟着缩小。具体来说，有font-size、line-height和letter-spacing这三个属性。

p {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.1em;
} 

首先，我们需要设置一个基准字体大小。在上面的例子中，我们将字体大小设置为16px。随着窗口的缩小，页面元素的尺寸会自动变小，但是字体大小不一定会因此缩小。

为了跟着缩小，我们需要使用line-height属性。这个属性用来设置行间距，但是如果将其设置为一个小于1的数值，它也会缩小字体。在上面的例子中，我们将行间距设置为1.2，这意味着每行文字的高度为1.2倍的字体大小。

另一个可以跟着缩小的属性是letter-spacing。这个属性用来设置字符间距，但是如果将其设置为一个负值，它也会缩小字体。在上面的例子中，我们将字符间距设置为0.1em，这会将字符之间的距离缩小。

通过这些属性的搭配，我们可以让字跟着容器自动缩小，适应不同的窗口尺寸。这是一个非常方便的功能，可以让网站在不同设备上的显示效果更加统一和易读。