就业班移动web第六天
一、移动适配
二、vw/vh
适配原理
相对单位vw:viewport width: 1vw = 1/100视口宽度
vw单位的尺寸 = px单位数值 / ( 1/100 视口宽度 )
相对单位vh:viewport hight: 1vh= 1/100视口高度
vh单位的尺寸 = px单位数值 / ( 1/100 视口高度 )
vwwh和rem的区别:
rem:
- 需要不断修改html文字大小
- 需要媒体查询media
- 需要 flexible.js
相对单位vw:viewport width: 1vw = 1/100视口宽度
vw单位的尺寸 = px单位数值 / ( 1/100 视口宽度 )
相对单位vh:viewport hight: 1vh= 1/100视口高度
vh单位的尺寸 = px单位数值 / ( 1/100 视口高度 )
rem: