vw/rem单位使用 及相对应插件

169 阅读1分钟

移动web第六天

vw

相对长度单位

100vw=屏幕的宽度

rem

相对长度单位

相对于跟标签的字体大小

屏幕适配的公式

要适配的元素的宽度 = 屏幕宽度 * 设计稿中元素的宽度 / 设计稿宽度

屏幕宽度

100vw

10rem 需要引入一段淘宝移动端开发的flexble.js

选择vw还是rem

首选vw

企业中两种单位都有在使用

两种单位都需要懂得使用

vscode中的插件

px --- px 2 vw

1648028507913.png

rem --- px to rem & rpx (cssrem)

1648105823908.png