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>

但是当我直接打开网址时它不会呈现。

见图片。

第一张图片：使用iframe。

第二张图片：直接打开。

问题1：如何修改iframe的CSS，使其像我直接打开网址时一样呈现。

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

Answer 1

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

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

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

iframe响应，宽度工作不正确

1 个答案: