1

我刚刚进入媒体查询，但第一个问题让我发疯，我花了几个小时。

我试过以下：

@media screen and (max-device-width: 480px) {
    div.logothingy {
        z-index: 100;
        display:none !important;
    }
}
@media (max-device-width: 480px) {
    div.logothingy {
        z-index: 100;
        display:none !important;
    }
}
@media screen and (max-width: 480px) {
    div.logothingy {
        z-index: 100;
        display:none !important;
    }
}

我在头文件的末尾加载它，当我在萤火虫中查看它时，它就在那里。

然后我转到一个对象 .logothingy ，当我将窗口尺寸缩小时，它甚至没有得到样式。也就是说，它甚至没有得到它然后被覆盖，它根本没有得到它。快疯了 请帮忙。

好的，我什至正在这样做：

.logothingy {
border:1px solid;
}
@media screen and (max-width: 480px){
.logothingy {
z-index: 100;
display:none !important;
}
}

它正在设置边界，而不是做其余的事情。我脑子里有这个

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

更新 2：我将其更改为 780px 并且它可以工作，但是当它处于 480px 时，它可以一直缩小到没有样式而没有得到任何样式。

4

2 回答 2

2

我有同样的戏剧，并注意到我错过了这个：

<meta name="viewport" content="width=device-width">

在我的索引页的头部。添加它并且媒体查询全部启动。

于 2014-04-04T15:10:47.153 回答
0

这是正确的

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

尝试只放入 .logothingy 而不是 div.logothingy 并让我们知道是否有效

于 2012-10-12T16:25:17.367 回答