Увеличьте размер текста до размера контейнера

Используя CSS и, в частности, не загружайте javascript, можно ли это сделать:

У вас есть ячейка шириной 150 пикселей и высотой 100 пикселей. Он содержит текст, например: $20,00 или любой его вариант.

Вы хотите, чтобы он идеально соответствовал размеру контейнера.

Я мог бы сделать это с помощью javascript, размер текста до тех пор, пока контейнер без заполнения/поля не достигнет ширины и/или высоты ячейки. Или укажите его в том, что имеет переполнение, установленное в auto, и посмотрите, когда оно переполняется или что-то в этом роде.

Можно ли это сделать с помощью чистого CSS?

Учтите, что шрифт также не является шрифтом фиксированного размера. Используйте Arial, если хотите.

Ответы

h2{
  font-size:25px
}

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