当遇到：根据需要显示的页面，要根据不同分辨率及屏幕大小的屏幕来显示合适高度的页面时

<script type="text/javascript">
document.onreadystatechange = function () {    
    var high1 = $("#high1").height();//110
    var high2 = $("#high2").height();//200
    var high3 = $("#high3").height();//40
    /* 
       当遇到：需要显示的页面，要根据不同分辨率及屏幕大小的屏幕来显示合适高度的页面时
     可采用如下方式：
               以当前开发的电脑为基准h，
               将各个参数分别加(减)上去超出的高度除以3；
        除以3代表需要控制的高度有三个地方(high1、high2、high3)，每个高度在原有基础上加上超出部分
    */
var h = window.screen.availHeight;//屏幕可用工作区高度728(以这个屏幕为标准)  h=728
var h1 = (h-728)/3+110;
var h2 = (h-728)/3+200;
var h3 = (h-728)/3+40;
//110  200  40
$("#high1").height(h1);
$("#high2").height(h2);
$("#high3").height(h3);
} 
</script>