我正在启动现有公司Web应用程序的移动版本，该版本当前已加载到iframe中以用于公司身份验证。从移动设备访问Web应用程序的直接链接时，它显示精美。问题在于，通过iframe访问时，该网站似乎无法正确扩展，看起来更像是我在访问该网站的桌面版本。关于如何使iframe中的网站识别移动设备的宽度并进行适当调整的任何建议？我尝试在要加载的网站的HTML和CSS中设置视口，即使这样，我也没有在iPhone上获得期望的更改。我还没有机会测试Android，但在我们公司内部，iOS是最重要的。下面列出了一些我尝试过的代码片段。我还尝试了480px和设备宽度(我相信我无法访问，因为iframe是一个不同的域)。
不幸的是，不能修改iframe页面和设置。另外，由于其他原因，JavaScript不能用作解决方案。
在Web应用程序网站的HTML中:
<meta name="viewport" content="width=320px, initial-scale=1.0, user-scalable=no" />
在网站网站的CSS中:
@viewport
{
width: 320px;
}
即使未在特定于设备的@media代码中使用上述CSS，也似乎无法呈现。
最佳答案
看看这个可能为您提供解决方案的网站-http://www.smashingmagazine.com/2014/02/27/making-embedded-content-work-in-responsive-design/
关于ios - 移动网站无法在iframe中呈现移动设备，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23986889/