Как я могу получить запрос CSS Media для уважения динамических изменений размера шрифта? ⇐ CSS

[Anonymous]

У меня есть этот css < /p>
body {
font-size: large;
}

@media (max-width: 33em) {
.not_used_on_narrow_displays {
display: none;
}
}
< /code>
, который работает, как и ожидалось, устанавливая все элементы на «большой» размер шрифта, а затем удаляя элементы, нацеленные на медиа -запрос с дисплея, когда окно узкое. Однако, когда я затем запускаю этот JavaScript: < /p>
document.body.style.fontSize = 'x-large';
< /code>
Все элементы становятся больше, как и ожидалось, и я также ожидаю, что медиа -запрос будет соответствовать, когда дисплей немного шире, чем раньше, но это не так. Элементы, нацеленные на медиа -запрос, все еще появляются или исчезают при той же ширине отображения, что и когда размер шрифта тела был «большим». Запрос, чтобы уважать это изменение размера шрифта?

Подробнее здесь: https://stackoverflow.com/questions/795 ... ze-changes