Question

任何想法为什么无论我分配给iframe的高度，它都不会调整大小？我正在iPhone上测试它（在桌面浏览器上它正确调整大小）。

<iframe width="320" height="180" src="http://www.youtube.com/embed/wwbKu0mznf4" frameborder="0"></iframe>

Answer 1

尝试添加scrolling =“no”。

<iframe scrolling="no" src="..." width="320" height="180"></iframe>

Answer 2

iPhone不支持iframe height属性。尝试将iFrame放在这样的div中：

.scroll {
  height:200px;
  width:200px;
  overflow:auto;
}


<div class="scroll">content</div>

Answer 3

使用javascript重写高度时使用％。不知道为什么，但它似乎是唯一有效的。一个好的数字开头是height =“20％”

这是我一直在使用的。

/* patch Ipad Youtube */ 
var agent = navigator.userAgent.toLowerCase(); 
var patchApple = (agent.indexOf('iphone')!=-1) || (agent.indexOf('ipad')!=-1);

if (patchApple) { $('iframe').css({ 'height':'20%' }); }

iPhone YouTube嵌入了iframe

3 个答案: