Chrome Dev Tools не запускают медиазапросы?

Question

Я использую несколько простых медиа-запросов ниже. Когда я пошел тестировать их с помощью Chrome Dev Tools, они не работали. Я попытался использовать «отзывчивый» режим и изменить его размер, а также использовать предопределенные макеты для обычных мобильных устройств. Я тестировал в 67.0.3396.99 и 69.0.3480.0 (канарейка).

.server-view {
    position: absolute;
    top: 0; bottom: 0; right: 0;
    background-color: white;
    padding: 10px;
}


@media only screen and (max-width: 499px) {
    .server-view {
        left: 0;
    }
}
@media only screen and (min-width: 500px) {
    .server-view {
        left: 250px;
    }
}

Если я закрою инструменты отладки и просто изменим размер окна браузера, содержимое изменится, как и ожидалось.

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

Эти медиа-запросы находятся в файле LESS, если это имеет значение. Я также пытался @media all с теми же результатами.