代码之家  ›  专栏  ›  技术社区  ›  devios1

防止iframe在iOS上调整到其自身内容的高度

  •  1
  • devios1  · 技术社区  · 7 年前

    更新: 原来苹果只是默默地阻止你在iOS中拥有一个固定大小的iframe。令人惊叹的。 How to get an IFrame to be responsive in iOS Safari?


    我正在尝试做一些我认为非常简单的事情:嵌入一个固定的大小 <iframe>

    这是在iPad上的WKWebView上运行的。

    无论我尝试什么(我已经尝试了我能想到的一切),它都不会尊重我告诉它的大小,而是 自动调整其高度以匹配其内容。

    我只是想知道怎么阻止这一切。

    以下是连接到iPad时从Safari获取的CSS属性:

    enter image description here

    <iframe> 元素本身也有它的 height width

    enter image description here

    但是从计算视图中可以看到,它完全忽略了设置其高度的所有尝试,最终呈现如下:

    enter image description here

    到底发生了什么事?它导致我的网络应用程序滚动超出了它的固定屏幕大小的界限。我和这件事斗争了一个多小时

    1 回复  |  直到 7 年前
        1
  •  1
  •   John Lord    7 年前

    您应该可以将溢出设置为隐藏。这将剪辑到设定的大小。但我不会用iframe。它们在页面布局中被认为是过时的。