rem适配
rem适配 [vw]
移动端方式 补:opacity: 透明颜色;
1.**流式布局(百分比布局)**2.**伸缩布局(弹性布局)**3.响应式布局(媒体查询)
4.**rem适配:**让元素(内容)随着设备的宽度改变,自己发生大小的改变
1 | 计算移动端中根标签[html]文字大小=当前设备宽度(动态获取)/缩放的倍数 |
1 | 计算ui图片中测量元素的rem值=测量大小/(ui图大小/缩放倍数) |
注: UI 图中缩放的倍数必须和设备中缩放的倍数统一
@size是什么?
补充: 为什么页面适配要使用rem而不是em?
1.rem在适配的时候是相对html中的文字大小
2.html中的文字大小不会影响某个具体标签中的文字大小(继承的权重为0)
3.rem适配最重要的一步就是要保证html中设置文字的大小
**注:**保证当前标签中文字大小是30px 又要保证当前标签的宽度是400px
UI 640px ----20倍 750px----25倍
**em:**相对单位,em是相对当前标签中文字大小
**rem:**相对单位,r(root),rem单位是相对html根标签中文字的大小