Javascript 如何将div中的内容转换为仅在mobile view上的手风琴选项卡？

我想一个div和它的内容是可点击的移动视图上的手风琴标签。 它在桌面上太宽，响应速度快，但在移动视图中覆盖太多区域

所以我基本上希望我的客人点击手风琴，看到这个大区域，然后关闭它，如果他们愿意的话

---

我正在使用wordpress，我如何才能做到这一点？谢谢…

您可以尝试使用媒体查询 @介质最小宽度和最大宽度

指定要在移动视图中以最小宽度显示的样式

@media screen and (min-width: 769px) {
    /* styles goes here */
}

还可以在头部添加元标记

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

---

谢谢

不幸的是，您需要提供更多信息才能获得有用的回复。可复制的代码示例、解决问题的尝试等。