iframe 响应，宽度工作不正确

Question

我在 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>

但它不会像我直接打开 url 时那样呈现。

查看图片。

第一张图片：使用 iframe。

第二张图：直接打开

问题1：如何修改iframe的CSS使其渲染效果与直接打开url一样

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

Answer 1

您是否在 iframe 和文件本身的源代码中添加了 meta viewport 标记？

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

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

iframe 响应，宽度工作不正确

iframe responsive, width working incorrect

html

javascript

css

iframe

responsive