如何让元素内的字体适应自身盒子大小

Question

例如有个div.box{abcd}
我想让'abcd'保持占据.box中间的80%，无论.box变大变小,
换句话说，就是将这abcd四个字看成一副图片，占据box中间的80%。

但这里要求就是abcd是字。

请问CSS可以怎么写？

Answer 1

不知道CSS能不能做到，要不你试试用canvas绘制文字，老铁？