css - Chrome 未正确显示媒体查询内容

Question

我在这里有一个页面，我想拥有它，以便主页滑块至少暂时隐藏在主页上。它在移动 safari 浏览器上看起来很棒，但它并没有像在 chrome 中那样隐藏我的 div“primary_home”，我假设是用于 droid 的本机移动浏览器。

这是页面：forloveofallthings.com/home

this is the css used that makes it look the way it should in safari:
#primary_home {
margin-left: 0px;
margin-top: 0 !important;
float: right;
width: 320px;
margin-right: 0px;
display: none;
}

有人可以看看吗？

Answer 1

假设你在谈论这个媒体查询，

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

提供的样式表没有

display: none;

线。

检查您是否已正确上传样式表，并清除所有服务器端缓存。