zoukankan      html  css  js  c++  java
  • 移动端初始化常用JavaScript代码

    移动端常用js分享

    1.把手机屏幕等分10分(我用的是这种形式),用rem来计算那些需要自适应。

    <script type="text/javascript">
            (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (clientWidth > 640){ 
                    clientWidth = 640;
                }
                docEl.style.fontSize = (clientWidth / 10) + 'px';
            };
    
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
    </script>

    2.判断手机是否横竖屏

    //判断手机横竖屏状态:
    window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
            if (window.orientation === 180 || window.orientation === 0) { 
                alert('竖屏状态!');
            } 
            if (window.orientation === 90 || window.orientation === -90 ){ 
                alert('横屏状态!');
            }  
        }, false); 
    //移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。
  • 相关阅读:
    Docker镜像和容器
    Docker介绍
    Ansible实战:部署分布式日志系统
    Ansible之roles介绍
    Ansible之tags介绍
    Ansible之迭代、模板
    linux jenkins安装(四)
    linux maven安装(三)
    linux tomcat安装(二)
    linux JDK安装(一)
  • 原文地址:https://www.cnblogs.com/yyy6/p/y01.html
Copyright © 2011-2022 走看看