Fun with Cover-it-Live & Responsive iFrames

Fun with Cover-it-Live & Responsive iFrames

HTML

<div class="h_iframe">
        <iframe height="100%" width="2" src="http://www.coveritlive.com/index2.php/option=com_altcaster/task=viewaltcast/altcast_code=4635819a8c/height=750/width=640/entryLoc=bottom/titlePage=off" frameborder="0" allowfullscreen></iframe>

CSS

html,body        {height:100%;}
.wrapper         {width:100%; max-width: 660px; height:100%; margin:0 auto; background:#CCC}

.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

JavaScript

/*
 see also:
 http://stackoverflow.com/questions/12432143/resizing-an-iframes-width-on-window-resize
 
 http://stackoverflow.com/questions/13854198/can-you-make-an-iframe-responsive
 
 http://stackoverflow.com/questions/17838607/making-an-iframe-responsive
 
*/