Javascript 检测iframe父宽度以更改移动设备的iframe内容

Javascript 检测iframe父宽度以更改移动设备的iframe内容,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,如果在其他地方有人以不同的方式提出这一问题,我深表歉意 我有一个web应用程序,它的特点是用户可以通过iframe将表单嵌入到他们的网站上。我试图使iframe的内容具有响应性。我熟悉如何使用媒体查询编辑内容,但对于如何使用响应iframe父窗口的媒体查询,我一无所知。这可能吗 另外-是的,我知道同源策略,不,我将无法访问最终用户的网站,将javascript添加到父框架中 在iframe的内容工作中使用max device width和min device width编辑媒体查询,因为某些原因

如果在其他地方有人以不同的方式提出这一问题,我深表歉意

我有一个web应用程序,它的特点是用户可以通过iframe将表单嵌入到他们的网站上。我试图使iframe的内容具有响应性。我熟悉如何使用媒体查询编辑内容,但对于如何使用响应iframe父窗口的媒体查询,我一无所知。这可能吗

另外-是的,我知道同源策略,不,我将无法访问最终用户的网站,将javascript添加到父框架中


在iframe的内容工作中使用max device width和min device width编辑媒体查询,因为某些原因,我忽略了这一点。它们很容易修复。

可能与的重复您是否尝试将iFrame宽度设置为100%?如果框架内的内容是流动的或响应性的,则将随着iframe的大小变化而进行调整,就像它是一个浏览器窗口一样。当然,我假设您正试图将其添加到已有响应的站点。@但这不是重复,只是因为帧位于不同的域上,而在您引用的问题中,它们是相同的域。我实际上已经解决了这个问题,我想得太多了,并且假设iframe中的媒体查询不会检测到最小/最大设备宽度。但是,它们确实如此,因此您可以使用带有这些参数的媒体查询,就像在普通html文档上一样。