我有一个iframe。在这个iframe中，我有一个播放器，可以进入全屏。桌面浏览器上的一切工作正常，但它不适用于平板电脑上的chrome或iPhone上的移动Safari，但它适用于平板电脑上的mozilla firefox。是否可以让iframe在移动设备上以chrome和safari全屏显示？
以下是我如何设置iframe：
<iframe src='http://www.bader-kuperman.de/v3/pics/j-ch103346black/img3d_000051.html' border='0' width='620' height='465' scrolling='no' marginheight='0' marginwidth='0' frameborder='0' style='float:left; margin-left:0px' allowfullscreen='true' webkitallowfullscreen='true' mozallowfullscreen='true'></iframe>
以下是我通过iframe整合播放器的网站。
http://www.bader-kuperman.de/de/collection/497/91/just/ch1033/black2014-09-17-21-15-01_-detail
希望你能给我一些建议。答案 0 :(得分：4)
要覆盖整个视口，您可以使用：
<iframe src="PAGE" 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;">
</iframe>
这将填满您要填写的整个页面或部分。
答案 1 :(得分：0)
您可以尝试使用某些内联样式来重置边框并手动设置高度和宽度。
<iframe style = "display: block;border: none;height: 100vh; width: 100vw;"; src='http://www.bader-kuperman.de/v3/pics/j-ch103346black/img3d_000051.html' border='0' width='620' height='465' scrolling='no' marginheight='0' marginwidth='0' frameborder='0' style='float:left; margin-left:0px' allowfullscreen='true' webkitallowfullscreen='true' mozallowfullscreen='true'></iframe>