我为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 是包裹我要隐藏的横幅的锚点类。
为什么这不起作用？
答案是从父主题复制媒体查询的格式：
@media (max-width: 643px) {
.home-link {
display: none !important;
}
}
我假设我本来（在我的问题中）使用过的媒体查询受此查询（？）支配。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句