二级标题

function code

代码

    (function(win,doc){
        var re=function(){
            var wrap=doc.querySelector('#wrap');
   var s=doc.querySelectorAll('.s');
            var pw = 320;     //设计图的宽
            var ph = 554;     //设计图的宽
            var tww = win.innerWidth;
            var twh =win.innerHeight;

            var wh = twh*pw/tww;        //获取对应比例高

            var wsc = tww/pw;          //获取比例

            var tw = Math.min(0,(pw-tww)*0.5);  //center
            if(wsc<=1) {
    tw = 0;
   }
           

            //先宽自适应 wscale

            // wrap.style.height=wh+'px';
            wrap.style.transformOrigin='0% 0%';
            wrap.style.webkitTransformOrigin='0% 0%';
            wrap.style.transform='translate3d('+tw+'px, 0px, 0px) scale('+wsc+')';
            wrap.style.webkitTransform='translate3d('+tw+'px, 0px, 0px) scale('+wsc+')';
 
            //  再高自适应  hscale
            if(wh<ph) {
                var hsc = wh/ph;
            } else {
                var hsc=1;
            }

            for(var i=0;i<s.length;i++){
                s[i].style.transformOrigin='50% 0%';
                s[i].style.webkitTransformOrigin='50% 0%';
                s[i].style.transform='scale('+hsc+') translateZ(0)';
                s[i].style.webkitTransform='scale('+hsc+') translateZ(0)';
            }

        }
        re();
        win.addEventListener('resize',re,false);

     })(window,document);