时间戳

首页 > 解决方案 > 如何仅在移动视图上将 div 中的内容转换为手风琴选项卡？

javascript - 如何仅在移动视图上将 div 中的内容转换为手风琴选项卡？

问题描述

我希望 div 及其内容成为移动视图上可点击的手风琴标签。它在桌面上太宽，反应灵敏，但在移动视图中覆盖了太多区域。

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

我正在使用wordpress，我怎样才能做到这一点？谢谢...

标签： javascripthtml

解决方案

您可以尝试使用媒体查询@media min-width & max-width

以最小宽度为移动视图指定您想要的样式

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

还要在头部添加元标记

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

谢谢

推荐阅读