全屏移动iframe

时间:2015-09-23 03:32:53

标签: html angularjs iframe mobile

我正在使用Angular和Twitter Bootstrap进行一个小项目,但我遇到了一个问题。我正在尝试使用单击按钮上显示的模板以全屏显示内容。现在我在桌面浏览器上使用了以下iframe显示,但在移动设备上它并没有像预期的那样接近全屏。

<iframe ng-src="{{tab.url | trustAsResourceUrl}}" style="border: 0; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%"></iframe>

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

我使用了angularjs中的window.innerHeight,并将height = device-height添加到我的元标记中。

感谢您的帮助!