Подтвердить что ты не робот

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

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

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

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

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

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

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

4b9b3361

ОТВЕТЫ

Ответ 1

Одна вещь, которую я сделал, не идеальна, но в некоторых случаях можно выполнить задание - использовать правило @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;
   }
}

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