当前位置: 首页 > Web前端 > CSS

移动VW适配

时间:2023-03-31 00:57:15 CSS

移动适配方案有很多种,各有优缺点。这里我只介绍vw+rem适配方案。一、简单粗暴的方案:1、设置meta2、UI设计稿尺寸(一)375html{font-size:26.67vw}(2)750html{font-size:13.34vw}没有错,其实是(100/设计稿尺寸)*100=htmlfont-size+vw3.所有元素的尺寸设计稿上除以100单位即为rem。例子:设计稿375html元素font-size:14px写入0.14rem,发现在375的尺寸下计算出来的字体非常接近14px