zoukankan      html  css  js  c++  java
  • pageresponse.min.js自动缩放页面改写

    /* 
     * 名称 :移动端响应式框架
     * 作者 :白树 http://peunzhang.cnblogs.com
     * 版本 :v2.1
     * 日期 :2015.10.13
     * 兼容 :ios 5+、android 2.3.5+、winphone 8+
     */
    function pageResponse(d){var c=navigator.userAgent,o=c.match(/Windows Phone ([d.]+)/),e=c.match(/(Android);?[s/]+([d.]+)?/),q=d.width||320,l=d.height||504,b = ((document.documentElement.clientWidth>q)?q:document.documentElement.clientWidth),n=document.documentElement.clientHeight,g=b/n,a=q/l,m=document.querySelectorAll(d.selectors),k=m.length,h=d.mode||"auto",j=d.origin||"left top 0",f=(h=="contain")?(g>a?n/l:b/q):(h=="cover")?(g<a?n/l:b/q):b/q;function p(t,s,r){var i=s.style;i.width=q+"px";i.height=l+"px";i.webkitTransformOrigin=j;i.transformOrigin=j;i.webkitTransform="scale("+r+")";i.transform="scale("+r+")";if(t=="auto"&&e){document.body.style.height=l*r+"px"}else{if(t=="contain"||t=="cover"){i.position="absolute";i.left=(b-q)/2+"px";i.top=(n-l)/2+"px";i.webkitTransformOrigin="center center 0";i.transformOrigin="center center 0";if(o){document.body.style.msTouchAction="none"}else{document.ontouchmove=function(u){u.preventDefault()}}}}}while(--k>=0){p(h,m[k],f)}};
    

      pageresponse.min.js自动缩放页面改写:在“auto”模式下,是将页面最大放大到1,之后不再放大;

  • 相关阅读:
    技术人生:墨菲定律
    Ioc:Autofac Registration Concepts
    Ioc:autofac lifetime scope.
    Ioc:The basic pattern for integrating Autofac into your application
    Logstash filter 插件之 date
    配置 Elasticsearch 集群
    Linux 命名管道
    Linux 管道
    Golang 入门 : channel(通道)
    Golang 入门 : 竞争条件
  • 原文地址:https://www.cnblogs.com/zst062102/p/8242781.html
Copyright © 2011-2022 走看看