div根據瀏覽器窗口大小變化而改變大小

jquery中的 resize( ) 方法可以動態監控瀏覽器窗口的大小

$(function(){
    $(window).resize(function(){
        var cliWidth = document.body.clientWidth; //瀏覽器寬
        var cliHeight = document.body.clientHeight;//瀏覽器高
        //根據瀏覽器寬高動態改變div的寬高
        $("#box").width(cliwidth);
       $("#box").height(cliheight); 
    })            
});            

注： $(selector).resize()；  可以觸發selector元素的 resize 事件