我正在使用Zurb Foundation创建一个单页响应式网站。该页面位于 foo.com/event.php，但我有一个单独的域 （event.com），其中包含指向 foo.com/event.php 页面的 url 框架记录。问题是：当我在iOS上访问 foo.com/event.php 时，正确显示了移动优化版本。但是当我访问 event.com 时，桌面版本加载。不知何故，url框架正在破坏响应能力。奇怪的是，如果我在桌面浏览器上访问 event.com，我可以通过调整窗口大小来启动响应式布局。
如何解决此问题？请记住，我对js和css媒体查询知之甚少。
我今天偶然发现了这个问题，有些公司为了工作而提供基于框架集的 Web 应用程序有点奇怪。可悲的是，我有责任尽最大努力。无论如何，我的解决方案是简单地在包含框架集的首页的头部添加此元标记：
<meta name="viewport" content="width=device-width,initial-scale=1">