移动端宽高适配JS

//定义全局变量    
var winWidth = 0; /*窗口宽度*/
var winHeight = 0; /*窗口高度*/

//函数区


//实时获取浏览器窗口大小，当窗口大小变化开始相应操作

function winchange() {
    //获取窗口宽度
    if (window.innerWidth)
        winWidth = window.innerWidth;
    else if ((document.body) && (document.body.clientWidth))
        winWidth = document.body.clientWidth;
    //获取窗口高度
    if (window.innerHeight)
        winHeight = window.innerHeight;
    else if ((document.body) && (document.body.clientHeight))
        winHeight = document.body.clientHeight;
    //通过深入Document内部对body进行检测，获取窗口大小
    if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {
        winHeight = document.documentElement.clientHeight; //获取视窗高度
        winWidth = document.documentElement.clientWidth;   //获取视窗宽度
    }


    //根据窗口变化调整网页各版块高度  自用函数区
　　 $(".middle").height(winHeight-$(".header").height()-$(".foot").height());/*中间内容的高度*/

}

$(function(){

//根据窗口大小计算布局高度
　　winchange();
　　window.onresize=winchange;

});

 

转载于:https://www.cnblogs.com/yunfly/p/6096802.html