这个是没处理前的,我快烦死了,为什么会这样,填充的满满的,有的图片宽高和我写死的宽高对不上,图片填充之后就会变形。
最后还是原生的东西还是去用原生的方式去解决,看了下img的属性发现 object-fit 这个属性翻译过来是 对象拟合的意思。所白了就是用来 规定应如何调整 <img> 或 <video> 的大小来适应其容器。
给个文档链接 CSS object-fit 属性
把属性加到图片中:
就可以啦:
组件库用太多,在用原生的东西属性都忘了。
这个是没处理前的,我快烦死了,为什么会这样,填充的满满的,有的图片宽高和我写死的宽高对不上,图片填充之后就会变形。
最后还是原生的东西还是去用原生的方式去解决,看了下img的属性发现 object-fit 这个属性翻译过来是 对象拟合的意思。所白了就是用来 规定应如何调整 <img> 或 <video> 的大小来适应其容器。
给个文档链接 CSS object-fit 属性
把属性加到图片中:
就可以啦:
组件库用太多,在用原生的东西属性都忘了。
2024-04-18 13:04:55
2024-04-18 13:04:29
2024-04-18 13:04:54
2024-04-18 13:04:48
2024-04-18 13:04:35
2024-04-18 13:04:31
2024-04-18 13:04:07
2024-04-18 12:04:10