移动web第四天

vw vh单位

适配的手机中的div的宽度 = (要适配的手的屏幕100vw) * 设计稿中div的宽度 / 设计稿的宽度

100vw = 屏幕的宽度 当屏幕宽度为375px，那么1vw=3.75px

适配的手机中的div的宽度 = (要适配的手的屏幕10rem) * 设计稿中div的宽度 / 设计稿的宽度

rem单位是相对长度单位，参照html的fontsize

不设置，默认浏览器字体大小16px

谷歌字体最小12px 火狐字体最小1px

引入一段手机淘宝写好的js代码 (flexible.js)

10rem=屏幕的宽度 当屏幕宽度为375px，那么1rem=37.5px

使用rem转换插件，安装px to rem & rex (cssrem) ,在设置扩展中json文件添加"cssrem.rootFontSize":37.5,