Javascript 是否可以使用IFRAME（不重新加载页面）模拟响应设计的方向和尺寸变化？

快速回答：我不是在问如何根据内容调整iframe的大小，也不是在问开发时如何在浏览器中模拟响应性设计

编辑：

我意识到，我是用一个“半负责”的设计进行测试的，它需要在文档/正文上发生一个“调整大小”事件，但这不会触发，也无法触发 完全负责的人似乎在工作

我希望我的客户有机会/感觉到他们的内容在智能手机上的外观（即响应性）

我不想将它们推入开发模式和浏览器细节。我的客户不是开发人员，也不是设计师

因此，我给他们做了一个“手机预览”，打开一个带有一些手机尺寸的iframe弹出窗口

这个很好用

客户还可以更改大小/方向，但这只有在我重新加载（原则上是响应性的）iframe上下文时才能正常工作

是否有方法触发/推送（同一域）IFRAME内容/呈现以响应IFRAME的更改

我试图调整身体的大小，但这并没有改变情况

那有可能吗

对于那些想看到一些来源的人（对不起，是咖啡，但我认为逻辑是明确的）

---

您应该能够从iframe的内部或外部设置iframe的方向。从内部，我相信您可以手动设置

window.orientation

。从外面看，你可以使用

---

这里有一个类似的问题。

回答表单OP：对于其他人来说，这是一个完全不同的问题：
一切正常，检查其他错误，如果框架触发调整大小事件

您的回答让我进一步搜索。我写了$（窗口）。在（'resize，load'，@prepare_all）上你看到逗号了吗？这一个解释了我遇到的许多问题，这个fulittle（这个词的意思是）komma！好吧，好吧，对于那些——我的朋友们——只是问我什么是“fulittle”——在我的公司里，我们用它来描述一个小东西，它会造成真正的问题，比如忘记逗号或点。。。。

display_change: =>
    horz=@$rotate.rm_get() #this is my way to read date from any input 0 or 1 here
    mt=@$mobile_type.rm_get('all') # this reads all data with the selection here [1, 'best phone', 'best phone', 300, 600] rendered into the select
    [w,h]=[mt[3],mt[4]]
    [w,h]=[h,w] if horz

    #ok width and height are here now.

    $iframe=@$form.find('iframe')
    .height(h)
    .width(w)

    # how to avoid force reload?
    $iframe.prop(src: $iframe.prop("src"))