关于屏幕适配问题

关于手机端的屏幕适配问题，如果不允许缩放则需添加

<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">//user-scalable=no 不允许缩放

关于手机端的屏幕适配问题可用rem作为单位

  <script>
        let htmlWidth=document.documentElement.clientWidth||document.body.clientWidth// 获取屏幕的宽度
        let htmlDom = document.getElementsByTagName('html')[0];//获取Dom元素
        htmlDom.style.fontSize= htmlWidth/20 + 'px';//此处以ip5为基础进行的故宽度/20 来定义的标准
    </script>

 px,rem,em的区别

px像素，相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

rem与em区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。

注意：任意浏览器的默认字体高都是16px