首页 前端知识 原生Img图片标签图片自适应缩放且不变形

原生Img图片标签图片自适应缩放且不变形

2024-03-27 10:03:14 前端知识 前端哥 351 897 我要收藏

 

这个是没处理前的,我快烦死了,为什么会这样,填充的满满的,有的图片宽高和我写死的宽高对不上,图片填充之后就会变形。

最后还是原生的东西还是去用原生的方式去解决,看了下img的属性发现 object-fit 这个属性翻译过来是 对象拟合的意思。所白了就是用来 规定应如何调整 <img> 或 <video> 的大小来适应其容器。

给个文档链接 CSS object-fit 属性

把属性加到图片中:

就可以啦:

 

 

 组件库用太多,在用原生的东西属性都忘了。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4227.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!