移动端

meta标签设置ideal viewport

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

获取手机的宽度

var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth

获取手机的高度

var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight

根据不同屏幕获取不同的大小

iPhone6设备（屏幕宽度为375px）上，设置一个控件宽度设为0.7rem，此时换算为px单位为(375 / 375.0 * 70) = 70px;

iPhone8设备（屏幕宽度为414px）上，0.7rem换算为px单位为(414 / 375.0 * 70) = 77.28px

...