2015-09-23 2 views
1

Я использую Angular и Twitter Bootstrap для небольшого проекта, но у меня возникла проблема. Я использую шаблон, который отображается нажатием кнопки для отображения содержимого в полноэкранном режиме. Теперь у меня есть работа со следующим отображением iframe на настольных браузерах, но на мобильном устройстве он не подходит к полноэкранному экрану, как предполагается.Full Screen Mobile 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> 

Любая помощь была бы принята с благодарностью!

+0

Высота iFrame является общей проблемой из-за проблем, определяющих высоту родительского элемента DOM и получения iFrame для расширения. Я очень рекомендую javascript, чтобы определить window.height и работать с этим, чтобы установить высоту, поскольку все меняется для лучших результатов. –

ответ

0

Я получил его, работая с комбинацией window.innerHeight в angularjs, а также добавив height = device-height в свой метатег.

Спасибо за помощь!