@media only screen和(min-width:769px)不起作用。

时间:2022-02-24 20:25:41

I can not understand why does not work property css

我不明白为什么不使用属性css

@media only screen and (min-width:974px) {
    #bg_top {
        background:url(../img/bg_top.jpg) no-repeat center top;
    }
    #left_column {
        float:left;
        width:22.4%;
    }
}

Everything written is true, but on the site, this property does not work. I ask you to explain what my mistake.

所有写入的内容都是真实的,但是在站点上,这个属性不起作用。我要求你解释我的错误。

1 个解决方案

#1


1  

The DOM doesn't see your condition, only the last (

DOM没有看到您的条件,只有最后一个(

@media only screen and (min-width:973px) and (min-width:973px) 

)

)

In the row upside, you used the wrong syntax. The correct syntax comment in css is:

在上一行中,您使用了错误的语法。css中正确的语法注释是:

/* ÐœÐ¾Ð±Ð¸Ð»ÑŒÐ½Ð°Ñ Ð²ÐµÑ€Ñтка */

Perhaps the wrong code invalidate your condition. Try the correct syntax

也许是错误的代码使您的条件无效。试着正确的语法

#1


1  

The DOM doesn't see your condition, only the last (

DOM没有看到您的条件,只有最后一个(

@media only screen and (min-width:973px) and (min-width:973px) 

)

)

In the row upside, you used the wrong syntax. The correct syntax comment in css is:

在上一行中,您使用了错误的语法。css中正确的语法注释是:

/* ÐœÐ¾Ð±Ð¸Ð»ÑŒÐ½Ð°Ñ Ð²ÐµÑ€Ñтка */

Perhaps the wrong code invalidate your condition. Try the correct syntax

也许是错误的代码使您的条件无效。试着正确的语法