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

Posted on   黑马14#253  阅读(159)  评论(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+ ")");

}

随笔 - 12, 文章 - 0, 评论 - 0, 阅读 - 1961

Copyright © 2025 黑马14#253
Powered by .NET 9.0 on Kubernetes

点击右上角即可分享
微信分享提示