CSS3 媒体查询 - Chrome 控制台

Question

我正在尝试将媒体查询用于各种不同的视口。但是它似乎没有在我的 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 之后。

我的语法错误，我已经解决了这个问题。但是感谢任何 cmets。