问题:
vue项目图片插入不清晰,原因分析及解决办法
原因分析:
引起图片不清晰的原因可能有以下三个:被压缩、被放大、受到父盒子的影响。
解决办法:
方法一:
1、从属性 fit=“none” ;style=“width:100%;height:100%;”,两个属性解决。如果还不够清晰,搭配方法2使用。
<el-image :src="XXXX" style="width:100%;height:100%;min-width:1000px" fit="none"></el-image>
方法二:
2、调整图片比列,适配父盒子的长宽比列。