视口是红色线包围的部分

 

 

// 视口宽度与高度的封装    // 视口是指浏览器中，用于显示网页文档内容部分    function client() {        if(window.innerWidth !=null) {
   //兼容 IE9以上 及 现代的浏览器            return {
   //花括号一定不能换行到下一行，否则返回空            // return 的内容一定要和return在同一行，不能换行                width : window.innerWidth,                height : window.innerHeight            }        }else if(document.compatMode === "CSS1Compat") {
   //标准浏览器，有声明的            return {                width : document.documentElement.clientWidth,                height : document.documentElement.clientHeight            }        }else {
   //怪异浏览器，没有声明的            return {                width : document.body.clientWidth,                height : document.body.clientHeight            }                    }    }