![](/img/trans.png)
[英]How do I ensure that a full screen Iframe is responsive on a mobile device?
[英]Full Screen Mobile Iframe
我正在將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>
任何幫助將不勝感激!
我將其與angularjs中的window.innerHeight結合使用,並且還通過在我的元標記中添加height = device-height來實現。
謝謝您的幫助!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.