css - 在 Phonegap 中设置 iFrame 高度

Question

我正在开发一个需要使用 iframe 的 Phonegap 项目。

iframe 加载正常，但是在 Safari Developer Inspector 的“计算样式”中设置高度（通过 height 属性或 CSS 内联）被覆盖。相反，高度会自动设置为匹配包含内容的高度（因此永远不会滚动）。当我在 iframe 中导航不同的链接时，高度会主动变化。

有没有已知的解决方法？

Answer 1

我曾经使用 javascript / jQuery 做过一次。这对你有用吗？jsFiddle

HTML

<iframe id="iframeId" marginheight="0" marginwidth="0" align="top" frameborder="0" scrolling="no"></iframe>​

CSS

#iframeId {
  overflow: hidden !important;
 -ms-zoom: 0.4; 
 -moz-transform: scale(0.4); 
 -moz-transform-origin: 0px 0; 
 -o-transform: scale(0.4); 
 -o-transform-origin: 0 0; 
 -webkit-transform: scale(0.4); 
 -webkit-transform-origin: 0 0;
}

jQuery

$('#iframeId').attr('src', "http://webpage.com").width("1105").height("627");

不确定这是您要尝试做的，但在此示例中，iFrame 的尺寸由 jQuery / javascript 设置，并允许将完整框架的站点显示在较小的容器中，从而进行缩放。

希望这可以帮助。​</p>