发布于 

rem适配

rem适配 [vw]

移动端方式 补:opacity: 透明颜色;

1.**流式布局(百分比布局)**2.**伸缩布局(弹性布局)**3.响应式布局(媒体查询)

4.**rem适配:**让元素(内容)随着设备的宽度改变,自己发生大小的改变

1
2
计算移动端中根标签[html]文字大小=当前设备宽度(动态获取)/缩放的倍数 
媒体查询----定义一个变量
1
2
计算ui图片中测量元素的rem值=测量大小/(ui图大小/缩放倍数)
rem值是根据根(html)标签的文字大小来设置的

注: 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根标签中文字的大小


本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

唯獨少了個字.