Media queries 不使用iFrame覆盖媒体查询

我有一个特殊要求：

我想把一个响应性强的网站包装成一个可以改变宽度和高度的div。最终的结果是，我将有一个下拉列表，其中我将更改这个div的宽度和高度，允许div中包含的“site”渲染为div的宽度和高度

• 我不能使用iframe
• 允许我这样做的浏览器插件将无法工作（这些不一定是浏览器机器）

---

基本上，我想“模拟”浏览器的API来进行媒体查询

与允许您测试屏幕宽度以获得响应性布局的站点非常相似，但是没有iFrame？我认为你可以修改IE responsive.js的工作方式，强制某些媒体查询。从理论上讲，它获取屏幕宽度，并通过CSS查找媒体查询，并手动应用样式。我认为您可以使用相同的js，只需输入自己的屏幕宽度。