Автомасштабирование img, когда пользователь меняет размер шрифта в браузере ⇐ CSS

[Anonymous]

Когда пользователь меняет настройку размера шрифта в браузере, 1rem перестает быть 16px. Например, в Chrome «Очень большой» означает 1rem == 24 пикселя или 150 % от обычного размера шрифта:


Я хочу, чтобы в этом случае все были пропорциональными увеличенный масштаб (т. е. 150%), потому что весь мой макет основан на rem. Используя JS, я мог бы вычислить коэффициент:
const k = parseFloat(getComputedStyle(document.documentElement).fontSize) / 16;

и примените его для каждого . Но если пользователь изменит размер, когда моя страница уже загружена, макет страницы будет нарушен.
Можно ли это сделать на чистом CSS или, может быть, с помощью атрибутов, чтобы браузер заработал -автоматически масштабирует ?
UPD Если произойдет событие изменения размера шрифта в браузере, я смогу с этим справиться и установите переменную CSS для масштабирования:
img.auto-scale
{
zoom: var(--font-size-factor);
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... in-browser