Wordpress 子主题中的媒体查询不起作用

Question

我为 Wordpress TwentyThirteen 主题创建了一个子主题。我希望隐藏移动设备的横幅。

这是我在 iPhone 4s（我正在测试的设备）上尝试过的：

/* style.css */

...

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .home-link {
        display: none !important;
    }
}

这个元标签是由父主题生成的：

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

和

.home-link 是包装我希望隐藏的横幅的锚的类。

为什么这不起作用？

Answer 1

答案是从父主题复制媒体查询的格式：

@media (max-width: 643px) {
    .home-link {
        display: none !important;
    }   
}

我假设我最初（在我的问题中）使用的媒体查询被这个（？）支配。