Применение как vh/vw, так и процентов для управления высотой и шириной текста

Есть ли способ контролировать соотношение сторон текста, чтобы он всегда оставался одного и того же относительного размера внутри элемента HTML и поддерживал одно и то же соотношение сторон, независимо от размера его контейнера?

Есть ли способ контролировать высоту и ширину текста, используя vw или vh? Я пробовал проценты, и, похоже, это не работает, поскольку кажется, что он просто увеличивает базовый размер шрифта на этот процент.

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

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

Поэтому я пытаюсь спросить, есть ли способ контролировать высоту и ширину текста с помощью vw и vh или процентов, или способ сделать это с помощью JavaScript, который будет автоматически изменять размер текста в зависимости от размера контейнера?

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


person Chase    schedule 21.12.2017    source источник
comment
Возможный дубликат настройки размера шрифта css с помощью vh и vw   -  person TylerH    schedule 25.04.2018


Ответы (1)


Вы можете попробовать vmin (равно меньшему из vw и vh.) или vmax (равно большему из vw и vh).

https://developer.mozilla.org/en-US/docs/Web/CSS/length

Посмотрите эту демонстрацию.

person Sébastien    schedule 21.12.2017