php工作笔记6-手机端适应缩放

Posted on 2015-12-08 16:43  黑马14#253  阅读(164)  评论(0)    收藏  举报

1、静态页面

2、缩放JS

function zoomin(orBkgWidth, orBkgHeight,bkg)
{


if(window.innerWidth  || document.documentElement.clientWidth){
    var widths = document.documentElement.clientWidth ? document.documentElement.clientWidth : window.innerWidth;
}



if (window.innerHeight || document.documentElement.clientHeight ) {
    var heights = document.documentElement.clientHeight ? document.documentElement.clientHeight : window.innerHeight;
}

b1 = widths / orBkgWidth;
b2 = heights / orBkgHeight;

r = Math.min(b1,b2);

$(bkg).css("-ms-transform","scale(" + r+ ")");

$(bkg).css("-moz-transform","scale(" +r+ ")");

$(bkg).css("-webkit-transform","scale(" + r+ ")");

$(bkg).css("-o-transform","scale(" +r+ ")");

$(bkg).css("-webkit-transform-origin","scale(" + r+ ")");

}

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3