css - Chrome 引擎忽略的 CSS 媒体查询

Question

我有一个样式表，基本上如下：

.mainwindow {
    .popup {
        background: black;
    }
}

@media screen and (max-width: 640px){
    .mainwindow {
       .popup {
            background: red;
        }
    }
}

它在 Firefox、IE 和 Edge 中完美运行，但在 Chrome、Brave 或 Electron 中无法正常运行。

是的，我试图清除浏览器缓存。它没有帮助。

更神秘的是，在 Electron 中，红色背景在启动时会闪烁一秒钟，然后变成黑色。

Answer 1

你脑子里有这个吗

<meta name="viewport" content="width=device-width,initial-scale=1">

否则，如果您放大，可能会停止响应行为