ALL MOBILE DRIVERS: Resize

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPfsXUp0TRobPMQVaVztmTfkT9cyyQdOG4sX7A-aXAuQdRF-1H5Xq3VOlcXBHgHdbm5xcpVTE65c6FCguzPc0GvcpsdMPyu2xZGIWOpDlPYMLhdUpL2c0N72qafTjSt7TnrjSh4ugcMgnH/s1600/How+to+Make+iframe+Height+Auto+According+to+the+Content+Without+Using+Scrollbar.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPfsXUp0TRobPMQVaVztmTfkT9cyyQdOG4sX7A-aXAuQdRF-1H5Xq3VOlcXBHgHdbm5xcpVTE65c6FCguzPc0GvcpsdMPyu2xZGIWOpDlPYMLhdUpL2c0N72qafTjSt7TnrjSh4ugcMgnH/s1600/How+to+Make+iframe+Height+Auto+According+to+the+Content+Without+Using+Scrollbar.jpg" /></a></div><div style="text-align: justify;">Inline <b>iframe</b> are not the prettiest elements, But they can make your <b>HTML</b> lot easier, Especially with web application control. It’s easy to design interface if you know The height of the iframe. So here is the solution based On <b>jQuery.</b> You would need To include jQuery files in the head section.<br /><br /><br />After searching around the web, I founded A strong hint the jQuery “load” method. I could use this An event when the iframe loaded in the web page.<br /><br />You can resize your iframe <b>elements</b> with this method.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><b>Add this code into your <head> section</b><br /><br /><script src="https://gist.github.com/anonymous/9688902.js"></script> <b>Change your iframe</b><br /><br /><script src="https://gist.github.com/anonymous/9688918.js"></script></div></div>

How to Make iframe Height Auto According to the Content Without Using Scrollbar

Inline iframe are not the prettiest elements, But they can make your HTML lot easier, Especially with web application control. It’s easy t...