Question

我使用来自"Full screen" <iframe>的提示全屏显示iFrame，是的，它正在运行。问题是iFrame引用的页面是响应式的，但是该网站的响应在iFrame内部无效。

所以我认为添加viewport标签可以解决问题，是的，它可以正确缩放但是这使得无法在页面上滚动（iPhone）。

有没有办法解决这个问题？也许有些JS可以解决这个问题，但后来我不知道怎么做。 style.css包含CSS-reset。

<!DOCTYPE HTML>
<html>
    <head>
        <title>Test</title>
        <meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=yes, minimum-scale=1.0, maximum-scale=2.0">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="shortcut icon" type="image/x-icon" href="icon.ico" />
        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
        <iframe src="http://something.com" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
          Your browser doesn't support IFrames
        </iframe>
    </body>
</html>

iFrame全屏与视口？

0 个答案: