Изменить размер шрифта при изменении размера внутри div с помощью JavaScript ⇐ CSS

[Anonymous]

Я новичок в JavaScript, но пытаюсь разобраться.

У меня есть изображение с контейнером div поверх изображения. Контейнер div содержит два внутренних div для заголовка и некоторый текст. Размер шрифта заголовка больше текста.

Внутренняя ширина моего экрана, которую я использую для работы и разработки, равна 768.

Я хочу изменить JavaScript размер шрифта при загрузке и изменении размера зависит от пропорции окна браузера... поэтому, если окно браузера на 30% больше... шрифт должен быть на 30% больше, чем определено в CSS... Это код, который я сделал .. но это не работает.



#container{
position: absolute;
top:10%;
left: 10%;
background-color:#F30;

}

#boxtitle{
font-size:3em;
}
#boxtxt{
font-size:0.9em;
}


onresize=onload=function()
{
var innerW = window.innerWidth;
var boxtitle = document.getElementById("boxtitle").style.fontSize;
var boxtxt = document.getElementById("boxtxt").style.fontSize;
var ratio = innerW / 768;

boxtitle = boxtitle * ratio;
boxtxt = boxtxt * ratio;
}








TITLE


TXT







Подробнее здесь: https://stackoverflow.com/questions/216 ... javascript