Отзывчивость не работает в "режиме устройства" google chrome dev tools

Question

Я создаю веб-сайт, который реагирует на изменения размера окна. Когда я переключаю режим устройства, не срабатывает реакция, даже если я опускаюсь ниже точек останова. Я не понимаю, почему он работает в обычном браузере, когда я запускаю точки останова, но не в режиме устройства. Что я делаю не так?

// style.css
html {
    font-size: 62.5%;
}
@media (max-width: 75em) {
    html {
        font-size: 56.25%;
    }
}
@media (max-width: 56.25em) {
    html {
        font-size: 50%;
    }
}
@media (min-width: 112.5em) {
    html {
        font-size: 75%;
    }
}

Спасибо.

Answer 1

Вы допустили ошибку, не добавив only screen and. Попробуйте сделать:

@media only screen and (max-width: ...) {}