CSS3 Media Queries - консоль Chrome

Question

Я пытаюсь использовать Media Queries для разных видов просмотра. Однако, похоже, это не происходит в моей консоли Google Chrome.

У меня есть следующий код:

@media screen and (max-device-width: 1920px;) {
    html, body {
        font-size: 3.5vh;
    }

    img[class="carousel-images"] {
        height: 100vh;
    }
}

Я также включил таблицу стилей в свой index.html вместе со следующим метатегом...

<meta charset="UTF-8" name="viewport" content="width=device-width" initial-scale="1" /> 

Я не могу понять, почему это не работает, любая помощь была бы фантастической.

Заранее спасибо.

Answer 1

Я только что понял, почему они не работали, мне пришлось убрать '; после определения устройства px.

Мой синтаксис был неправильным, я решил это. Но спасибо за любые комментарии.