Как изменить размер текста, когда поле достигает определенной ширины

Question

У меня есть данные, поступающие из базы данных.Я хотел бы изменить размер текста в поле ширины, чтобы он не опускался до строки под ним.Однако я хочу изменить размер текста только тогда, когда он достигает определенной ширины.Данные будут различаться, и поэтому ширина текстового поля будет меняться, и на экране будет отображаться несколько записей.Я хочу, чтобы текст оставался прежним, но я хотел бы изменить размер только тех, которые имеют большую ширину.Другой текст я бы хотел оставить прежним.Я посмотрел онлайн, но не смог найти ничего, что могло бы помочь в этой конкретной ситуации.

Answer 1

Вы можете проверить >> https://css -tricks.com / fit-text-to-a-container /

fitty('h1');

@import url('https://fonts.googleapis.com/css?family=Bowlby+One+SC');

h1 {
  text-align: center;
  font-family: 'Bowlby One SC', cursive;
}

<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/fitty.min.js"></script>
<h1>Fit Me</h1>