Responsive design 当屏幕尺寸减小时删除元素wordpress

我想把我的地图从这里完全删除

当屏幕尺寸减小时

分区Id:

id="mapdiv"

---

谢谢大家!

因此，要使用CSS执行特定操作，您需要媒体查询。我建议您通过谷歌媒体查询了解它们的功能和工作方式。下面我还举了一个例子。媒体查询基本上是在屏幕宽度与查询匹配时执行的语句。例如，如果屏幕小于1200px或979px

在您的情况下，您需要560px的自定义媒体查询：

@media only screen and (max-width : 560px) {
   #mapdiv {
      display: none;
   }
}

这是什么；当屏幕尺寸小于560px宽度时。它将执行/覆盖css。我们所说的是id为：mapdiv的div添加css规则：display none（隐藏元素）

要使mediaqueries/viewport正常工作，您还需要在标题中添加以下行：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

什么尺寸？你们自己做过什么吗？或者你们只是让别人来做你们的任务。我希望缩小屏幕的大小，直到屏幕达到560像素，然后消失。当然，不需要任何人的帮助。我只是希望能得到一些帮助，因为我自己都搞不清楚，谢谢。你搞定了吗？非常感谢！我现在就试试看！没问题，祝你好运！再次感谢@马克

<meta name="viewport" content="width=device-width, initial-scale=1.0">