技术栈

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 小时前
元素水平垂直居中的方法
前端·css·笔记·css3
云浪
1 小时前
元素变形记:CSS 缩放函数全指南
前端·css
kite0121
8 小时前
浏览器工作原理06 [#]渲染流程(下):HTML、CSS和JavaScript是如何变成页面的
javascript·css·html
超级土豆粉
11 小时前
CSS3 的特性
前端·css·css3
超级土豆粉
16 小时前
CSS 预处理器与工具
前端·css
lljss2020
1 天前
html文字红色粗体,闪烁渐变动画效果,中英文切换版本
css·html·css3
木木夕酱
2 天前
前端响应式网站编写套路
css·react.js
用户2683484223959
2 天前
前端换肤功能最佳实践:从基础实现到高级优化
前端·css
蓝婷儿
2 天前
第二章支线八 ·CSS终式:Tailwind与原子风暴
前端·css
Java永无止境
2 天前
Web前端基础:HTML-CSS
java·前端·css·html·javaweb
热门推荐
01【图像处理与机器视觉】XJTU期末考点02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑03KGG转MP3工具|非KGM文件|解密音频04海康Visionmaster-常见问题排查方法-启动阶段05YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】06【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!07R-tree详解08Coze扣子平台完整体验和实践(附国内和国际版对比)09DeepSeek各版本说明与优缺点分析10SSv2数据集