如果在IFrame中打开，则应用宽度不适合窗口

Question

我们有第三方Web应用程序需要集成到我们的Web门户中。我们使用iframe方法来整合它。它看起来像是：

iframe有一些卷轴。因此，我必须检查他们的代码并发现它们在1280px周围保持一些静态宽度，而iframe无法承受，因为它的宽度小于此值。

但有趣的是，当第三方应用程序在ipad中运行（没有iframe，直接在浏览器地址栏中）时，没有滚动条，应用程序适合ipad窗口大小。我相信ipad浏览器的宽度小于1280px（不太确定）。所以我想知道，应用程序如何在没有任何卷轴的情况下适应窗口。他们没有进行任何基于设备的宽度设置。我在Ipad中检查了代码，发现body设置为1280px。

所以这里的问题是，它如何在ipad中正常工作以及如果应用程序在iframe中运行，如何避免在桌面滚动？

请有人帮忙！

Answer 1

html, body {
  width: 1530px;
  height: 100%;
  margin: 0;
}
.rightpane {
  margin-left: 250px;
  border: none;
  width: 1280px;
  height: 100%;
}
.leftnav {
  position: fixed;
  width: 250px;
  height: 100%
}

<div class="leftnav">
  left nav here
  </div>
<iframe class="rightpane" src="http://example.com/" />

最直接的解决方案是将iframe宽度设置为1280px。在ipad上，它将显示整个页面正确缩小。