vue项目图片插入不清晰 原因分析及解决办法

问题：

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、调整图片比列，适配父盒子的长宽比列。