我正在寻找一些基于 jquery 的插件（如果可用），它会自动从常规选项卡更改为响应式可折叠容器，以实现移动友好性。
有人可以帮忙吗？
问问题
3990 次
3 回答
1
您可能想看看 jQuery Mobile 项目。jQuery Mobile 是开发移动 Web 应用程序的良好开端。可在 jquery Mobile 文档Collapsibles中找到可折叠容器的示例。如果您喜欢该示例，请查看 jQuery Mobile。
于 2013-02-23T21:04:02.480 回答
0
简单、可定制且响应迅速
于 2013-02-23T21:00:37.477 回答
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 问题的链接回答。
--
如果您的偏好只是使用 jquery 插件，您可以使用以下内容：
ResponseJS with this Jquery plugin
于 2013-02-23T21:03:34.260 回答