html - Iframe not going full screen -
as title says, can't manage have full scren iframe.
here code:
<div data-role="page" id="p'+item.id+'"><div data-role="header" style="background-color: #ffffff;border:none;" data-position="fixed"><a href="#" onclick="location.href=\'documenti.html\'" data-role="button" data-icon="back" data-iconpos="notext" class="ui-btn-left">home</a><img src="images/app/logo.png" id="navimg"/></div><iframe src="https://docs.google.com/gview?embedded=true&url=http://' + item.path + '" width="100%" height="100%" align="center" ></iframe></div>
you can add first div element:
style="width: 100vw; height: 100vh;"
set height , width of div 100% of viewportheight / viewportwidth
since have iframe set 100% both height , width, inherit size of containing element, setting height , width of div viewport height , viewport width, iframe fill 100% of space both in width , height.
updated fiddle here: https://jsfiddle.net/john_h/579sxg8s/2/
Comments
Post a Comment