网站由于 iFrame 而在移动设备上失去响应能力？答案

【问题标题】：Website looses responsiveness on mobile due to iFrame?网站由于 iFrame 而在移动设备上失去响应能力？
【发布时间】：2013-05-03 02:45:25
【问题描述】：

我正在使用 Twitter Bootstrap 创建一个网站，到目前为止，当我在桌面和移动设备上运行该网站时，一切都运行良好。但我目前的问题是，当我使用屏蔽域时，它会消除移动设备的响应能力。我看到了一个熟悉的问题here。但这建议添加：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

但我已经有了，问题仍然存在。要查看我的问题，您可以查看可以工作的功能站点here，而可以找到该页面的 iFrame 的非工作站点here。我将 GoDaddy 用于我的域解决方案和 chatterr.me iFrame 的索引文件，我没有创建也无法访问它。有关如何解决此问题的任何想法？

【问题讨论】：

【解决方案1】：

在这种情况下，您可以考虑使用 PHP，因为它还允许您设置 iFrame 的样式并使其具有响应性。

<div class="iframe">
    <?php echo file_get_contents("http://example.com"); ?>
</div>

只要原始文件也是响应式的，这将使嵌入样式可定制、可自定义，当然还有响应式。

【讨论】：

【解决方案2】：

如果您使用屏蔽域，框架必需的 <meta name="viewport"> 但您无法更改（您的站点中有此并且工作正常），完美的解决方案是不配置重定向，将您的域放入托管控制面板中的“托管域”。

使用此域打开或读取文件夹，例如：网址中的 www.your-domain.com 就是这个，但显示来自 another-site.com/your-folder/ 的信息。

【讨论】：