【发布时间】：2015-12-20 05:40:09
【问题描述】：
我在一个小项目中使用 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>
任何帮助将不胜感激！
【问题讨论】：
-
iFrame 高度是一个常见问题，因为确定父 DOM 元素的高度和让 iFrame 展开的问题。我强烈推荐 javascript 来确定 window.height 并使用它来设置高度，因为事情发生变化以获得更好的结果。
标签： html angularjs iframe mobile