由于某种原因，CSS媒体查询不起作用

我需要在2012年构建一个网站响应。我正在编辑style.css文件（Wordpress网站），但由于某种原因，媒体查询不起作用。已经在线检查了css文件，并且媒体查询已在其中。由于某种原因，CSS媒体查询不起作用

我在说的网站是www.carter-realestate.be 媒体查询没有什么错，我以前做过这样的一百次。带有媒体查询的style.css文件处于联机状态，因此您可以将其检出。

有人知道这个解释吗？

来源

2014-03-31 Warre Buysse

你可以发布一些代码吗？ – Gab

@Gab你有一个完整的网站代码。问题已经解决了。 –

好吧，由于问题已经解决，并且似乎已经在网站上得到修复，这个问题对于其他会遇到同样问题的用户而言变得不那么重要。通过简单地发布代码片段，当原始网站的代码得到修复时，问题仍然有意义。 – Gab

您需要添加一个空格之间“与”和“（”

@media screen and (max-width: 900px){

来源

2014-03-31 21:10:35 Jack

我该如何监督这一点。非常感谢。 *尴尬* –

试图将其更改为：

@media only screen and(max-width: 900px){ 
    body{ 
     background-color: red !important; 
     color: blue; 
    } 

    h1{ 
     font-size: 15em; 
    } 
}

来源

2014-03-31 21:02:15

某些样式在我的媒体查询中发生了变化，有些则不是。添加！重要的固定这个。 –

有你的页面，我们重新编写@media规则上的一些脚本

看看你的源代码在style.csss我看到：

@media all and(max-width: 900px){ 
body{ 
    background-color: red !important; 
    color: blue; 
} 

h1{ 
    font-size: 15em; 
} 
}

但（通过火狐）检查出来的萤火虫我看到DOM改为代码：

@media not all { 
    body { 
     background-color: #FF0000 !important; 
     color: #0000FF; 
    } 
    h1 { 
     font-size: 15em; 
    } 
}

某处脚本重新写@media规则“不是所有的”。

尝试禁用WordPress插件中的所有脚本并刷新页面。如果这不起作用，请编辑HTML并注释掉所有剩余的脚本加载。然后逐个添加一个脚本或插件，直到找到哪个正在重写DOM。

来源

2014-03-31 21:42:58 jpostdesign

由于某种原因，CSS媒体查询不起作用

回答

相关问题