css - css3媒体查询在firefox和opera中不起作用

Question

我已经为 ipad 横向和纵​​向编写了一些媒体查询。但是，当我通过在不同浏览器中更改正文背景颜色来检查媒体查询的功能时，Firefox 和 Opera 中没有发生任何事情。谁能告诉我一个解决方案。？？？

Answer 1

您必须在@media 屏幕“和 () 和 ()”之间添加空格。然后它对我有用。

所以：

是的：

@media screen and (min-width:769px) and (max-width:1024px) { }

不：

@media screen and(min-width:769px)and(max-width:1024px) { }