CSS3媒体查询 - Chrome控制台

Question

我试图对各种不同的视口使用媒体查询。但它似乎并没有在我的谷歌浏览器控制台中选择它。

我有以下代码：

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

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

我也包括在我用下面的meta标签沿index.html的样式表...

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

我似乎无法搞清楚为什么这不起作用，任何帮助都会很棒。

在此先感谢。

Answer 1

我刚刚意识到为什么他们不工作我不得不删除'; '定义设备px后。

我的语法错了，我解决了这个问题。但谢谢你的评论。