Я думаю, что для хорошего адаптивного дизайна мы должны полагаться на Window.InnerWidth, который учитывает фактическую ширину внутри окна, и что он лучше, чем медиа-запросы, такие как - @media only screen and (max-width: 600px), который ссылается только на ширину окна..
Например: Window.InnerWidth может иметь дело с ситуациями увеличения и уменьшения масштаба в браузере.
Я предполагаю, что я не прав, поскольку, в конце концов, эксперты используют медиа-запросы, но почемутот?Почему бы не проверить фактическое пространство вместо ширины окна?
Взгляните на этот пример Я сделал, обратите внимание, что увеличение не меняет цвет фона на красный