Если кто-то на ходу поменяет размер шрифта и у него всё поедет, он просто перезагрузит страницу.
Следовательно, если значение меняется через CSS или настройки системы, никакой мутации не будет.
.auto-scale
{
zoom: var(--k);
}
document.querySelector("dialog").style.textAlign = "center";
document.querySelector("dialog").querySelector("div").querySelector("textarea").style.width = "100%";
document.querySelector("dialog").querySelector("div").querySelector("textarea").style.textAlign = "center";
document.querySelector("dialog").querySelector("div").querySelector("textarea").style.resize = "none";
document.querySelector("dialog").querySelector("div").querySelector("textarea").readOnly = true;
document.querySelector("dialog").querySelector("div").querySelector("textarea").value = VarInput.split("¤")[0];
$('dialog')
.addClass('text-center')
.find('div textarea')
.addClass('width-100 text-center no-resize')
.prop('readOnly', true)
.prop('value', VarInput.split("¤")[0]);
.width-100
{
width: 100%;
}
.text-center
{
text-align: center;
}
.no-resize
{
resize: none;
}
Вообще, можно, конечно, вот что сделать. При старте один раз пробежаться по всем `.auto-scale`, запросить у них intrinsic size (грубо говоря, разрешение файла с картинкой), перевести его в rem'ы, и прописать в стили. А дальше оно само. Спасибо, что навели на эту мысль.