我推出了现有企业Web应用程序的移动版本，该应用程序当前在iframe中加载以用于企业身份验证。从移动设备访问网络应用程序的直接链接时，它会显示得很漂亮。问题是，当通过iframe访问时，该网站似乎没有正确扩展，看起来更像是我访问该网站的桌面版本。有关如何使iframe中的网站识别移动设备的宽度并进行适当调整的任何建议？我已经尝试在正在加载的网站的HTML和CSS中设置视口，即便如此，我还没有得到我期望在iPhone上进行的更改。我还没有机会测试Android，但在我们公司内部，iOS是最重要的。我尝试过的一些代码片段如下所示。我还尝试了480px和设备宽度（我相信我无法访问，因为iframe是一个不同的域名。）
不幸的是，修改iframe页面和设置不是一种选择。此外，由于其他原因，Javascript无法用作解决方案。
在网络应用网站的HTML中：
<meta name="viewport" content="width=320px, initial-scale=1.0, user-scalable=no" />
在网络应用网站的CSS中：
@viewport
{
width: 320px;
}
即使未在特定于设备的@media代码中使用，上述CSS似乎也不会呈现。
答案 0 :(得分：-3)