可以在css的重置样式文件加入以下这个样式,原理是利用vw动态获取屏幕宽度,除以设计稿宽度,再乘以rem的倍率。
页面布局时使用rem作为单位,与你从设计稿上量到的px宽度除以100就可以了,
html {
font-size: calc(100vw/设计稿宽度*100);
}
利用calc实现在移动端不同分辨率下的自适应
最新推荐文章于 2023-02-28 16:25:30 发布
可以在css的重置样式文件加入以下这个样式,原理是利用vw动态获取屏幕宽度,除以设计稿宽度,再乘以rem的倍率。
页面布局时使用rem作为单位,与你从设计稿上量到的px宽度除以100就可以了,
html {
font-size: calc(100vw/设计稿宽度*100);
}