标签:改变 原理 超出 换算 缺陷 视图 注意 html 动态改变
一. 屏幕适配
1. 原理:监听屏幕宽度,动态改变html的根节点font-size
2. 换算:font-size的px 相当于 1rem
3. 缺陷:只能做到宽度布局会一样,但是高度布局也相同但由于不同手机比例不同可能会超出屏幕范围,高度做可滚动
4. 注意:高度布局要从上往下布局,不然可能出问题
5. 主流做法是屏幕宽度除以10,目前项目是屏幕宽度除以20且屏幕宽度大于750不处理适配
注意:还可以用vh和vw做屏幕适配:1vh代表视图高度1%,感觉这样很好用啊
标签:改变 原理 超出 换算 缺陷 视图 注意 html 动态改变
原文地址:https://www.cnblogs.com/dlm17/p/12345316.html