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,之后不再放大;

  • 相关阅读:
    .NET开源项目
    关于微信号的校验
    java 中关于synchronized的通常用法
    关于java 定时器的使用总结
    新的博客已经启用,欢迎大家访问(402v.com)
    Hadoop综合大作业
    hive基本操作与应用
    理解MapReduce计算构架
    熟悉HBase基本操作
    第三章 熟悉常用的HDFS操作
  • 原文地址:https://www.cnblogs.com/zst062102/p/8242781.html
Copyright © 2011-2022 走看看