在Vue中,通常使用rem单位进行页面布局,转换比例为1rem=16px。
在移动端开发中,使用rem可以根据页面根元素的字体大小进行适配,而px则无法实现自适应。
Vue默认设置根元素字体大小为16px,因此1rem等于16px。
在Vue中,可以通过设置不同的根元素字体大小来实现不同屏幕的适配。
比如,对于宽度为375px的iPhone6/7/8手机屏幕,设置根元素的字体大小为18.75px(即375/20),这样1rem就等于18.75px,就可以实现对该屏幕的适配。
同时,也可以结合使用媒体查询和rem单位,实现不同屏幕之间的布局调整。
需要自己设置,一般是1rem=14px,单位和px的布局是一样的,只是单位不同而已,所以不必纠结