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这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。
  • 相关阅读:
    IIs实验,中间件漏洞
    sql注入2
    sql注入1
    莫比乌斯函数,数论中的战斗机
    test2
    test
    素数判定随机算法
    Nginx for windows 访问路径包含中文
    数组元素循环右移
    经典面试题 之 数组的循环右移
  • 原文地址:https://www.cnblogs.com/yyy6/p/y01.html
Copyright © 2011-2022 走看看