iframe 响应，宽度工作不正确答案

【问题标题】：iframe responsive, width working incorrectiframe 响应，宽度工作不正确
【发布时间】：2016-06-14 09:31:58
【问题描述】：

我在 iframe 中测试了响应式，我的代码如下所示。

<html>
<head></head>

<body>
    <iframe src="http://revzilla.com" height="1600px" width="100%" frameborder="0" style="padding: 0; maring: 0; border: 0"></iframe>
</body>

但它不像我直接打开网址时那样呈现。

查看图片。

第一张图片：使用 iframe。

第二张图片：直接打开。

问题 1：如何修改 iframe 的 CSS 以使其呈现与直接打开 url 时相同的效果。

问题 2：如果我可以访问 iframe 中的内容（iframe 上的 html 文档）。如何在不修改 iframe 的情况下修改该文档上的 CSS。

【问题讨论】：

在您的站点中使用引导程序或类似的东西？
你可能有一些围绕 iframe 的包装器吗？此外，通过在您的问题中关注MCVE 和How to ask，您更有可能获得更快更好的答案。
@CordovanSaviour 我没有围绕 iframe 的任何包装器。
您的开发人员工具检查说明了什么？尝试在您的问题中添加更多代码。
@CordovanSaviour，我已经编辑了这篇文章并添加了更多代码（在 iframe 端）。 PS。 iframe的src中的链接不是我的。

标签： javascript html css iframe responsive

【解决方案1】：

您是否在 iframe 的源和文件本身中包含了 meta viewport 标记？

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

请记住，字面像素宽度取决于用户的设备像素比率，因此如果您在设备像素比率高于 1 的 Retina 设备上查看，那么像素数量将随之缩放。

【讨论】：

我在这个网站kingpower.com/en 上尝试了类似您的建议。它不起作用，就像revzilla.com。
你有类似的例子吗？我在该链接中看不到 iframe，就像您原始帖子中的 iframe 一样
还可以尝试将initial-scale 设置为2 而不是1，因为我假设您使用的是 dpr 为 2 的 iOS 设备
我已经尝试将 initial-scale 设置为 2。它仍然无法正常工作。
你有活生生的例子吗？