Я хочу динамически изменять размер текста при изменении размера экрана.
Я написал этот скрипт и поместил его в раздел </head>
:
<script>
function txtSizeOnResize() {
if(window.innerWidth > 500)
{
document.getElementById("txtpresentacion").style.fontSize = "small";
}else{
document.getElementById("txtpresentacion").style.fontSize = "large";
}
}
</script>
и объект для применения скрипта выглядит так:
<div class="row">
<fieldset>
<h6><p id="txtpresentacion" onresize="txtSizeOnResize()" >Some text</p></h6>
</fieldset>
</div>
Дело в том, что это не работает.
Не могли бы вы сказать мне, что я делаю неправильно?
Спасибо.