移动端布局单位介绍

自适应布局单位一般多用rem.
rem是以html字体大小为1rem的大小,html为16px,1rem则为16px。rem之所以能自适应就是根据屏幕大小去用js重新设置的字体大小。
算法公式为:
html字体大小=(js获取到的当前设备宽度 / 设计图宽度)* 设计图宽度下1rem大小
对应自动转化库-postcss-pxtorem + js 计算

vh用来设置全屏,不用设置父元素就可以达到满屏;如果只是一个小盒子,就可以用vw

posted @ 2025-04-22 08:07  闫奕城  阅读(21)  评论(0)    收藏  举报