HTML, CSS, Javascript notes
How to put something in an iframe and make the frame responsive and 100% width and height.
<html>
<style>
body {
margin: 0;
}
iframe {
height:calc(100vh - 4px);
width:calc(100vw - 4px);
box-sizing: border-box;
}
</style>
<iframe src="https://widget.mibbit.com/?settings=ccee60f480eb61ba067d4cabed2c4edb&server=irc.dcldesign.co.uk&channel=%23lounge"> frameborder="0" allowfullscreen></iframe>
</html>