Question

Safari iphone / ipad在iframe上不支持0px的宽度和高度，而是放大一个。

有没有人看到过或者找到了除了将显示设置为无之外的修复，因为0px似乎适用于所有浏览器。

Answer 1

我通过将我能找到的每个参数归零来解决问题：

var el = document.createElement("iframe");
el.setAttribute('id', 'yourFrameId');
el.height = 0;el.width = 0;
el.hspace="0";el.vspace="0";
el.marginheight="0";el.marginwidth="0";
el.frameBorder = "0";el.scrolling = "No";

或内联：

<iframe src="test.html" id="yourFrameId" width="0" marginwidth="0" height="0" marginheight="0" align="top" scrolling="No" frameborder="0" hspace="0" vspace="0">Browser not compatible. </iframe>

我还在CSS中设置了display：none。

这让我在iOS上工作了。没有在其他移动浏览器上测试，但如果你有问题，你可以尝试的一些事情是设置位置：绝对，顶部：-9999px等。

与iphone safari隐藏的iframe问题

1 个答案: