Я пытаюсь настроить font-size в зависимости от того, как визуально или пикселей (если это слово) длинный текст.
Нет, Я НЕ говорю о text.length переменной. Прописные и строчные символы имеют разную ширину на .
Поскольку этот div имеет фиксированную ширину, font-size должен регулироваться в зависимости от всей визуальной длины текст будет занимать, чем длиннее текст, тем меньше становится размер шрифта.
введите описание изображения здесь
Здесь, на скриншоте, есть некоторый перенос текста на следующей строке, но давайте проигнорируем это и сосредоточимся на свойстве, которое я могу получить для nCount длины / ширины в пикселях, которую занимает весь текст? Например, какова ширина всей строки текста в пикселях? Если текст переносится на следующую строку, то это свойство все равно должно учитываться.
Например, если заглавная буква «A» занимает ширину 6 пикселей, а строчная буква «а» занимает только 4 пикселя. Какова тогда будет общая ширина строки слова «Веб-разработчик» в пикселях?
Как получить это свойство внутри элемента HTML?
ПРИМЕЧАНИЕ. Я знаю этот текст .length можно использовать до некоторой степени, но это не идеально, так как не учитывает визуальную ширину верхнего / нижнего регистра, а только количество символов.