Css 在Edge&；上应用全屏媒体查询；铬

我用CSS为全屏视频编写了一个简单的媒体查询，它在Firefox中应用了我的代码，但在Edge或Chrome中没有

CSS代码如下所示：

@media-all和（显示模式：全屏）{.test{height:250px；}}

我了解到您可以使用

@supports（-ms-ime-align:auto）

将CSS代码仅应用于Edge，但我如何说浏览器应仅在全屏上应用该代码

编辑：

---

我有一个带有交互元素的视频，当用户在全屏上观看视频时，我必须对这些元素应用一些CSS代码，这在Firefox中是有效的。视频嵌入在iFrame中，不知道是否可提及。

您可以在此处找到答案：

例如，尝试以下方法：

微软边缘

@supports (-ms-ime-align:auto) {
    .selector {
        property: value;
    }
}

铬29+：

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .chrome {
        property: value;
    }
}

---

谢谢你的帖子，太快了。因此，当为Edge编写CSS代码并希望仅为全屏应用该代码时，我编辑了上面的代码，但不起作用。有什么想法吗？@HansMartin发布了你的全部代码，这样我们就可以帮助你了。我们不知道其余的代码是否对你有帮助，因为其他CSS代码可以工作，我在Firefox中看到了变化。我重新编辑了我的答案，添加了一些内容，也许会有帮助。如果我错了，那么我可以发布整个CSS代码，但我不认为这能帮助你理解问题，因为我发布了上面有问题的代码。甚至有可能在全屏模式下仅将CSS代码应用于edge吗？@HansMartin也许有可能。

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .chrome {
        property: value;
    }
}