object-fit:fill 不生效

object-fit:fill 不生效

img 代码如下:

复制代码
<img :src="./img.png" alt="图片" style="width: 120px;height: 100px;object-fit: fill;"/>

设置宽高和自适应拉伸后,图片宽度还是原始宽度。

解决办法:

img 外面套一层 div

复制代码
<div>
	<img :src="./img.png" alt="图片" style="width: 120px;height: 100px;object-fit: fill;"/>
</div>
相关推荐
用户0595401744617 小时前
Redis缓存一致性踩坑实录:线上故障排查6小时,我用pytest+内存快照把它永久关进了笼子
前端·css
llllk1 天前
新手向逐段讲解
css
玄玄子3 天前
CSS 浮动引起父元素高度塌陷
前端·css
用户0926292831454 天前
CSS 代码调试总踩坑?Gemini 3.5 精准定位修复
css
zzzzzz3105 天前
当甲方说'logo放大的同时再缩小一点'时,我用 AI 把这个需求做出来了
javascript·css·程序员
闪闪发光得欧5 天前
前端提效新思路:Gemini 3.5 自动化定位 CSS 异常
前端·css
用户059540174469 天前
AI Agent记忆测试踩坑实录:Mock骗了我一周,Mem0+pytest一招破局
前端·css
Darling噜啦啦10 天前
CSS 3D 变换与 Flex 布局实战:从零打造旋转立方体
前端·css
用户0595401744610 天前
把待办应用从Electron换成Tauri,内存占用狂降90%,打包体积仅5MB
前端·css
小月土星10 天前
CSS 3D 从入门到炫技:手把手教你写一个旋转立方体
前端·css