作者:奋斗兵 | 来源:互联网 | 2023-06-05 13:31
前言:做项目的时候发现自适应是个很重要的事情!!!所以了解了很多怎么去做自适应。找到了一种比较好的方法。
下面是基于vue框架的自适应
在App.vue中写入
html,body{font-size: calc(100vw/80);
}
接着在其他的页面以rem作为单位即可。
注:
1、上面的calc只是做项目时试的合适尺寸,不合适可以再改
2、在页面中应用时,最外面的盒子最好不要使用%作为单位,否则页面会随着屏幕缩放,最外面的盒子最好使用rem作为单位
3、对于宽度为页面100%的盒子,使用rem时可能不太好找到那个值,所以这种盒子最好去做另一种自适应。