如何确保全屏 iframe 在移动设备上响应？

Question

我正在尝试使用 iframe 在我的网站上显示完整的网页，代码如下：

<iframe name="demo" src="http://healthcoach.ancorathemes.com/"; style='height: 100%; 
width: 100%;' frameborder="0" scrolling="yes" id="iframe">...</iframe>

这在桌面浏览器上运行良好，但在移动设备上，不会调整大小并仍显示桌面版本。顺便说一下，这个特定的网站是响应式的，并且在没有 iframe 的情况下也能正常工作。

Answer 1

要使 iframe 具有响应性，只需将定义的宽度（以像素为单位）更改为百分比，例如：

height: 100%; 
width: 100%;