基于Vue + Vant的移动端项目,rem适配问题

2021-06-15  本文已影响0人  小李不小

基于Vue + Vant的移动端项目
Vant框架尺寸就是px,自定义的组件尺寸用rem

一: 自己计算

以750尺寸图为例:
首先设置如下:1rem = 100px;
代码如下:

一: 自己计算
以750尺寸图为例:
首先设置如下:1rem = 100px;
代码如下:

eg:750尺寸图中是20px即0.2rem(px / rem基准值 = rem);

二:插件自动计算

vsCode 中安装插件CSSREM。
默认根字体大小是16px;直接按照设计图写px,插件自动换算成rem;


image.png
上一篇 下一篇

猜你喜欢

热点阅读