【发布时间】：2024-04-27 04:45:01
【问题描述】：
我正在构建一个基于 Zurb Foundation 的 CMS，我真正想做的一件事是允许用户通过一个按钮在大/中/小布局之间切换，以便他们都可以预览页面的外观在这个大小下，他们也可以为不同的断点设置列等。
媒体查询基于窗口宽度，到目前为止，我已经能够构建一些我的用户认为非常直观的东西，我觉得要求他们调整浏览器窗口大小以更改模式似乎有点不确定。
我能想到的一种直接方法是将 iframe 用于主编辑视图，但问题是我的页面交互非常复杂，拖放、拖动以调整大小等 - 我都有目前这些都使用鼠标和触摸，为了在父级和 iframe 之间拖放，我必须重写大量代码。所以如果可能的话，我宁愿避免这种情况。
我正在寻找有关如何完成这项工作的建议/建议 - 变通方法和技巧都很好。
这是目前的样子，让您了解我目前拥有的界面类型 - 没有我可以分享 atm 的实时链接，抱歉：
【问题讨论】：
标签： javascript content-management-system media-queries zurb-foundation