css – 将文本放大大小以适应容器

使用CSS，特别是没有onload javascript，可以这样做：

您的单元格宽度为150像素，高100像素。
它包含一个文本，例如：$ 20,00或其中的任何变体。

你想要它完全适合容器的大小。

我可以用javascript来做，把文本放大，直到没有填充/边距的容器到达单元格的宽度和/或高度。或者将其包含在一个溢出设置为auto并查看它溢出或某事的东西。

可以用纯CSS完成吗？

考虑到字体不是固定大小的字体。如果你喜欢使用Arial

解决方法

有一件事情我完成不完善，但是在某些情况下可以完成这项工作就是使用@media规则将屏幕尺寸小于X像素，将字体大小设置得越来越小。

h2{
  font-size:25px
}

@media screen and (max-width: 850px){/* for screens smaller then 850px,set the font size smaller */
   h2{
     font-size:19px;
   }
}

当然，这只能在假定文本容器大小以某种方式基于窗口大小的情况下工作。