场景:使图片按比例充满盒子
一:css 设置最大宽高
max-width:100%;
max-height:100%;
缺点:图片得大于盒子宽度高,如果小于盒子宽高,将无法填满
二::使用css object-fit属性(推荐)
height: 100%;
width: 100%;
object-fit: contain;
三:使用js控制图片大小(不推荐使用)
场景:使图片按比例充满盒子
一:css 设置最大宽高
max-width:100%;
max-height:100%;
缺点:图片得大于盒子宽度高,如果小于盒子宽高,将无法填满
二::使用css object-fit属性(推荐)
height: 100%;
width: 100%;
object-fit: contain;
三:使用js控制图片大小(不推荐使用)