修复Safari载入中的iframe放大

时间:2019-02-01 08:30:22

标签: html css safari

编辑:简化了问题:

我有一个100%宽的“无缝” iframe,其中嵌入了另一个(本地)页面。

直接在Safari上访问页面时,内容会适当缩小以适合屏幕。 但是,当网站位于iframe中时,页面加载放大,我必须手动缩小页面才能看到它的完整宽度。有解决方法吗?

iframe代码:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>iFrame</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <style>
            body, html, iframe
            {
                height: 100%;
                margin: 0;
                padding: 0;
            }

            iframe
            {
                width: 100%;
                display: block;
            }
        </style>
    </head>

    <body>
        <iframe src="index.html"></iframe>
    </body>
</html>

0 个答案:

没有答案