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

[Anonymous]

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


Я хочу, чтобы в этом случае все были пропорциональными увеличенный масштаб (т. е. 150%), потому что весь мой макет основан на rem. Используя JS, я мог бы вычислить коэффициент:

Код: Выделить всё

const k = parseFloat(getComputedStyle(document.documentElement).fontSize) / 16;

и примените его для каждого . Но если пользователь изменит размер, когда моя страница уже загружена, макет страницы будет нарушен.
Можно ли это сделать на чистом CSS или, может быть, с помощью атрибутов, чтобы браузер заработал -автоматически масштабирует ?

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