移动回顾

移动回顾

1.流式布局

2.伸缩布局-----------[修改主轴的方向,设置元素在主轴方向的对齐,元素在侧轴的对齐方式]

3.响应式布局-----------[解决了同一个网页在不同设备中布局显示效果不同]

核心知识点----------媒体查询

页面适配

rem适配 -------相对html中的文字大小

1.要设置html中文字的大小 = 设备的宽度/缩放的倍数

2.测量元素转化为 rem = 当前元素测量的大小rem / (UI图宽度/缩放的倍数)

备注:

640px UI图一般 缩放 20倍

750px UI 图一般缩放 25倍