移动友好响应jquery选项卡

我正在寻找一些基于jquery的插件（如果有的话），它可以自动从常规选项卡更改为响应性的可折叠容器，以实现移动友好性

---

有人能帮忙吗？

简单、可定制且响应迅速

---

您可以使用媒体查询根据规格更改每个元素的样式。您必须将这些样式添加到样式表的底部，或者创建一个新的样式表（例如repsonsive.css），以便它根据屏幕大小覆盖您的默认样式

以下媒体查询模板仅基于屏幕大小。您也可以使用更复杂的媒体查询来定位特定的设备

为了支持旧浏览器（IE），您必须使用条件语句来包含respond.js或media-querys.js。媒体查询仅适用于屏幕、手持设备等设备规格

例如：

答案基于上一个stackexchange问题的链接

--

如果您的首选项仅用于jquery插件，则可以使用以下选项：

---

有了这个

您可能想看看jQuery移动项目。jquerymobile是开发移动web应用程序的良好开端。可折叠容器的示例可以在jquery Mobile文档中找到。如果您喜欢这个结帐示例。

非常感谢Nick。我一定会试试。这似乎是一个完美的解决方案。我会试试这个。非常感谢。

/* Large desktop */ 
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }