移动端H5 UI适配

一、不允许页面缩放

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

二、设置script

<script>
//获取手机屏幕宽度
var deviceWidth = document.documentElement.clientWidth;
//设置html的font-size
document.documentElement.style.fontSize = deviceWidth // 10.8 + 'px';//根据UI提供的宽度（1080px，除以100）
</script>

布局采用rem，计算方式切图的px/100=xxx.rem
三、横屏状态检测

    if (window.orientation === 90 || window.orientation === -90) {
        isLandscape = true;
    };