Vue项目设置背景图片，但是由于不同浏览器的分辨率问题导致背景图片大小显示有误，请问该如何解决？

Posted 2023-04-19

主要就是浏览器的默认分辨率不同，比如说一张1920*1080的图片，到分辨率更小的浏览器中打开背景图片无法完整显示出来，这个该如何解决啊。。。。。

参考技术A 设置width和height 百分比

vue给的1360的图怎么写页面做到自适应

参考技术A vue给的1360的图写页面做到自适应步骤如下：
1.vue图片在设置好的div里面自动适应宽高，图片显示全部，不够宽高的留空白；
2.本文使用的图片分辨率为：4000x2026；
3.我的电脑分辨率为：1920x1080；
4.默认宽高如果设置100%，电脑屏幕会显示不全的；
5.注意：这里设置了图片最高 高度为700，如果高度太高，图片会显示不全；
6.访问页面，电脑屏幕就可以完整的显示图片了。