技术栈

object-fit:fill 不生效

不会秃头2024-03-22 18:32

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>
上一篇:微信小程序执行环境(微信端)与浏览器环境有何不同
下一篇:ChatGPT:如何利用人工智能写出高质量论文
相关推荐
其实防守也摸鱼
1 天前
Sqlmap:选取sqli-labs中less-8进行sqlmap注入测试
前端·css·网络·安全·web安全·less·sqli-labs
星恒随风
1 天前
四天学完前端基础三件套(CSS篇)
前端·css·笔记·学习
bbq粉刷匠
1 天前
了解HTML、CSS与JavaScript
javascript·css·html
阳火锅
2 天前
💡 告别类名地狱!Tailwind CSS 语义化转换神器来了
前端·css·vue.js
DFT计算杂谈
2 天前
AMSET 设置多核并行计算
java·前端·css·html·css3
前端老石人
2 天前
CSS 值定义语法
前端·css
JYeontu
2 天前
正方体翻滚Loading 2.0
前端·javascript·css
唐青枫
2 天前
别再手写重复 CSS 了:SCSS 从入门到实战
前端·css·scss
huohaiyu
2 天前
HTML和CSS基础使用
前端·css·html
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03【AI】2026 年具身智能模型和世界模型总结04CC-Switch & Claude 基于 Linux 服务器安装使用指南05人工智能最新动态 AI 日报 · 2026年5月10日06Gemini大升级、AI眼镜首发、Android XR亮相,13天后见分晓07AI科技热点日报 | 2026年5月11日08零基础教你claude code 接入 deepseek V409裂开!ChatGPT 居然开始要手机号验证,附详细解决方法10codex app每次打开重连5次Reconnecting问题解决