浏览器字体限制，无法继续缩小问题

今天写页面发现一个问题，浏览器最小字体设置为16px,就算你设置10px，它依旧显示16px。

但是，页面需要有比16更小的字体。

这个时候，就需要css设置缩放。

transform：scale（0.7）；

设置这个属性，就可以实现缩放了。

但是，这样缩放后，有一个问题。就是，你缩小字体，它的位置不变，所以，不会跟之前的元素贴紧，可能会因为缩小而使得与之前的元素之间有一定的距离。

这个时候，我们还需要设置一个属性。

transform-origin：left；//可以设置right等。

这个属性就是与之前元素靠紧了。

这样，就不仅实现了字体在缩小，也可以使得与之前的布局没有变化。