Resize test

by steveukx

HTML

<h1>hello world</h1>
<p id="windowresized">window resized</p>
<p id="htmlresized">html resized</p>

CSS

* { font-family: tahoma; }
html { height: 100%; background: #fafafa; }
body { font-size: 10px; }

JavaScript

var body = jQuery('body'),
    windowresized = jQuery('#windowresized').hide(),
    htmlresized = jQuery('#htmlresized').hide();

jQuery(window).on('resize', function() {
    windowresized.show();
    jQuery(window).off('resize');
});

jQuery('html').on('resize', function() {
    htmlresized.show();
    jQuery('html').off('resize');
});