Question

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

我正在谈论的网站是www.carter-realestate.be 媒体查询没有任何问题，我之前已经完成了这一百次。带有媒体查询的style.css文件是在线的，因此您可以将其签出。

有人知道这方面的解释吗？

Answer 1

您需要在“和”和“（”

之间添加一个空格

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

Answer 2

尝试将其更改为：

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

    h1{
        font-size: 15em;
    }
}

Answer 3

您网页上的某些脚本会重写@media规则。

在style.csss中查看您的源代码，我看到了：

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

h1{
    font-size: 15em;
}
}

但是在Firebug中检查它（通过Firefox）我看到DOM中的代码已更改为：

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

某个地方的脚本会将@media规则重新编写为＆＃34;并非所有＆＃34; 。

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

CSS Media查询由于某种原因无法正常工作

3 个答案: