<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta id="myvis" name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=0.1, maximum-scale=8, user-scalable=yes">
<title>The non-responsive site</title>

<script type="text/javascript">

var isportrait=false;
var fname=location.search.split('filename=')[1] ? ('/' + decodeURIComponent(location.search.split('filename=')[1].split('&')[0])) : '';
if (fname.indexOf('?') == -1 && fname != '') { fname=fname + '?rnd=' + Math.floor(Math.random() * 198658765); }

function bodonl() {
var wasih=document.body.innerHTML;
var huhd=document.getElementById('Container').getBoundingClientRect();
var pb=0;
if (eval('' + huhd.height) > eval('' + huhd.width)) {
isportrait=true;
pb=eval(eval('' + huhd.width) / eval('' + huhd.height) * 100.0);
nowih='<div id="Container" style="padding-right:' + pb + '%; position:relative; display:block; height: 100vh;"><iframe' + wasih.split('<iframe')[1].split('</div>')[0].replace('" frameborder', fname + '" style="position:absolute; top:0; left: 0;" frameborder') + '</div>';
//if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
//document.getElementById('myvis').setAttribute('initial-scale','0.5');
//}
} else {
isportrait=false;
pb=eval(eval('' + huhd.height) / eval('' + huhd.width) * 100.0);
nowih='<div id="Container" style="padding-bottom:' + pb + '%; position:relative; display:block; width: 100%;"><iframe' + wasih.split('<iframe')[1].split('</div>')[0].replace('" frameborder', fname + '" style="position:absolute; top:0; left: 0;" frameborder') + '</div>';
}
document.body.innerHTML=nowih;
}

function checkit(iois) {
if (iois != null) {
var aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
if (aconto.body != null) {
//alert('yeS');
top.document.title=aconto.title;
if (isportrait && navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) {
//alert('yes');
aconto.body.style.transformOrigin='0px 0px';
aconto.body.style.transform='scale(0.63)';
aconto.getElementById('myviewport').setAttribute('height', 'device-height');
aconto.getElementById('myviewport').setAttribute('minimum-scale', '0.1');
aconto.getElementById('myviewport').setAttribute('maximum-scale', '8.0');
aconto.getElementById('myviewport').setAttribute('user-scalable', 'yes');
aconto.getElementById('myviewport').setAttribute('initial-scale', '0.63');
//alert('Yes');
}
}
}
}
}

</script>
</head>
<body onresize="bodonl();" onload="bodonl();">
<div id="Container" style="border:position:relative; display:block; width: 100vw;height:100vh;">
<iframe onload="checkit(this);" id="theiframe" width="100%" height="100%" src="//www.rjmprogramming.com.au" frameborder="0"></iframe>
</div>
</body>
</html>