我正在寻找一些基于jquery的插件（如果可用），它会自动更改为常规选项卡中的响应式可折叠容器，以实现移动友好性。
有人可以帮忙吗？
答案 0 :(得分：1)
您可能想看一下jQuery Mobile项目。 jQuery Mobile是开发移动Web应用程序的良好开端。可以在jquery Mobile docs Collapsibles中找到可折叠容器的示例。如果您喜欢该示例结帐jQuery Mobile。
答案 1 :(得分：0)
简单，可定制且反应灵敏
答案 2 :(得分：0)
您可以使用媒体查询根据规范更改每个元素的样式。您必须将这些添加到样式表的底部，或者创建一个新的样式表（例如repsonsive.css），以便根据屏幕大小覆盖您的默认样式。
以下媒体查询模板仅基于屏幕尺寸。您也可以使用更复杂的媒体查询来定位特定设备。
要支持旧浏览器（IE），您必须使用条件语句来包含respond.js或media-queries.js。媒体查询仅适用于屏幕，手持设备等设备规格......
例如：
/* 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) { ... }
根据之前的stackexchange问题中的this链接进行回答。
-
如果您的偏好仅限于使用jquery插件，则可以使用以下内容：
这ResponseJS