我想在访问者使用ipad时完全隐藏一个小部件portrait orientation （768x1024）。
我知道媒体查询如下：
@media (width: 768px) and (height: 1024px) {
.nameofthewidgetclass { display: none; }
}
但我有两个问题。
1） 我不能百分之百确定如何针对特定的小部件。显然我无法隐藏footer-widget, 因为这会将它们全部移除。我知道我可以安装一个插件，让我可以为每个小部件定制CSS，但我会尽量减少插件数量，如果有人能提供帮助，我将不胜感激。
2） 当我刚用chrome检查小部件时，我分配了"display: none;" 对它来说，它确实隐藏了它，但空白没有被回收。解决方案必须能够隐藏此空白。
提前感谢！
SO网友:ajie
您应该使用小部件的ID，这将为您的目标提供一个唯一的名称。如果不可用，请检查并编辑主题，以确保主题的register\\u侧栏调用包含以下内容（最重要的是id部分）：
\'before_widget\' => \'<div id="%1$s" class="widget widget-%2$s">\'
这确保小部件将获得其唯一的id，您可以将其用于您的目的。
然后您可以使用
@media screen and (width: 768px) , screen and (height: 1024px) {
#widgetId { display: none; }
}
使用css隐藏小部件。
