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> 

demo: https://jsfiddle.net/579sxg8s/

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

Popular posts from this blog

java - Jasper subreport showing only one entry from the JSON data source when embedded in the Title band -

mapreduce - Resource manager does not transit to active state from standby -

serialization - Convert Any type in scala to Array[Byte] and back -