Javascript 基于ZURB的CMS,媒体查询的预览效果 我正在构建一个基于Zurb基金会的CMS,我想做的一件事是让用户通过一个按钮在大/中/小布局之间切换,这样他们既可以预览页面的大小,也可以设置不同的断点的列等。p>

Javascript 基于ZURB的CMS,媒体查询的预览效果 我正在构建一个基于Zurb基金会的CMS,我想做的一件事是让用户通过一个按钮在大/中/小布局之间切换,这样他们既可以预览页面的大小,也可以设置不同的断点的列等。p>,javascript,content-management-system,media-queries,zurb-foundation,Javascript,Content Management System,Media Queries,Zurb Foundation,媒体查询是基于窗口宽度的,到目前为止,我已经能够构建一些我的用户觉得非常直观的东西,我觉得要求他们调整浏览器窗口的大小以改变模式似乎有点不确定 我能想到的一个直接的方法是在主编辑视图中使用iframe,但问题是我的页面交互非常复杂,拖放、拖动以调整大小等等。我目前使用鼠标和触摸都可以实现这些功能,为了在父对象和iframe之间拖放,我必须重写大量代码。因此,如果可能的话,我宁愿避免这种情况 我正在寻找关于如何实现这一目标的建议/建议-变通方法和黑客都很好 这是目前的情况,让您了解我目前拥有的接口

媒体查询是基于窗口宽度的,到目前为止,我已经能够构建一些我的用户觉得非常直观的东西,我觉得要求他们调整浏览器窗口的大小以改变模式似乎有点不确定

我能想到的一个直接的方法是在主编辑视图中使用iframe,但问题是我的页面交互非常复杂,拖放、拖动以调整大小等等。我目前使用鼠标和触摸都可以实现这些功能,为了在父对象和iframe之间拖放,我必须重写大量代码。因此,如果可能的话,我宁愿避免这种情况

我正在寻找关于如何实现这一目标的建议/建议-变通方法和黑客都很好

这是目前的情况,让您了解我目前拥有的接口类型-没有可以共享atm的实时链接,抱歉:


好的-这是我到目前为止提出的解决方案-整个页面,而不仅仅是编辑器区域都在iframe中