全屏移動iframe

我正在使用Angular和Twitter Bootstrap進行一個小項目，但我遇到了一個問題。我正在嘗試使用單擊按鈕上顯示的模板以全屏顯示內容。現在，我可以在桌面瀏覽器上使用以下iframe顯示器，但在移動設備上，它並不像原本應該接近整個屏幕一樣。全屏移動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>

任何幫助將不勝感激！

來源

2015-09-23 Greg Froning

iFrame高度是一個常見問題，因爲確定父DOM元素的高度並獲取iFrame展開的問題。我強烈推薦使用javascript來確定window.height，並使用它來設置高度，以便更好地改變結果。 –

我得到它在angularjs中的window.innerHeight的組合，並通過添加height =設備高度到我的元標記。

感謝您的幫助！

來源

2015-09-23 05:23:27

全屏移動iframe

回答

相關問題