JSFiddle - React, Tailwind, and code Playground

by Andy Blueman

HTML

<div id="print">L</div>
<div id="wrap" class="wrap">
    <div id="iframediv" class="iframe">
        <iframe src="http://www.ablueman.co.uk"
 id="iframe" />
    </div>
</div>

CSS

html, body {
    width:100%;
    height:100%;
    background-color:#FFFFFF;
    margin:0px;
    padding:0px;
}
#wrap {
    width:100%;
    height:100%;
    background-color:#FFFFFF;
    border:1px solid red;
}
#iframediv {
    width:100%;
    height:100%;
    background-color:#000061;
}
#iframe {
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    -ms-zoom: 1.00;
    -moz-transform: scale(1.00);
    -o-transform: scale(1.00);
    -webkit-transform: scale(1.00);
}
}

JavaScript

jQuery(document).ready(function ($) {
    var iframe = $("#iframe").height();
    var height = 80 / iframe;
    $('#print').text("iframe size:" + iframe +"px");

});