Есть ли способ контролировать соотношение сторон текста, чтобы он всегда оставался одного и того же относительного размера внутри элемента HTML и поддерживал одно и то же соотношение сторон, независимо от размера его контейнера?
Есть ли способ контролировать высоту и ширину текста, используя vw
или vh
? Я пробовал проценты, и, похоже, это не работает, поскольку кажется, что он просто увеличивает базовый размер шрифта на этот процент.
Я хотел бы, чтобы соотношение сторон текста относительно его контейнера оставалось одинаковым, независимо от того, насколько это поле растянуто и т. д.
Он должен быть динамическим, но если я использую, например, vw
и уменьшаю высоту, текст в конечном итоге выйдет за пределы высоты своего контейнера, мне нужно, чтобы текст реагировал на изменения как высоты, так и ширины, а не одного или другого Другой.
Поэтому я пытаюсь спросить, есть ли способ контролировать высоту и ширину текста с помощью vw
и vh
или процентов, или способ сделать это с помощью JavaScript, который будет автоматически изменять размер текста в зависимости от размера контейнера?
Я проверил https://github.com/nbrunt/TextFit, но использовать функцию наилучшего соответствия оттуда контейнер, по-видимому, должен иметь «абсолютные» значения, например, устанавливать их в пикселях, в то время как размер моего контейнера основан на процентах от размера экрана.