Есть ли лучший способ, чтобы оправдать h1 текст, содержащий его div?
Мне бы просто хотелось, чтобы div в центре страницы содержал одну строку (два слова) текста h1, и этот текст соответствует длине div; это означает, что буквы располагаются (сохраняя свой размер), чтобы занимать всю ширину div, и не выходить за пределы div. И, если я изменю настройки браузера, чтобы уменьшить ширину страницы (например, увеличение), буквы будут сгущаться (до точки, прежде чем разбить на две строки).
Я не могу реально перечислить все, что я пробовал, безрезультатно. Который включает в себя все предложения, которые я видел на этом сайте на сегодняшний день.
Это действительно так сложно? Или я просто упускаю что-то очевидное?
Пожалуйста, пожалуйста, помогите.
Я прошу прощения за "субъективную природу" этого запроса.
1 ответ
Итак, вы хотите, чтобы размер шрифта менялся в зависимости от ширины окна?
В CSS вы можете использовать vw блок для font-size, так что это ответило бы на ширину окна, но, я думаю, требует некоторого метода проб и ошибок.
Кроме того, есть плагин Javascript с именем fittext ( http://fittextjs.com/), который делает то, что вы хотите. Я использовал его на одном сайте, и он работает довольно надежно,