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;
    }   
}

我认为我最初使用的媒体查询（在我的问题中）是由这个（？）主导的。