关于手机端的屏幕适配问题,如果不允许缩放则需添加
<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