技术栈

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:如何利用人工智能写出高质量论文
相关推荐
南囝coding
5 小时前
2025年CSS新特性大盘点
前端·css
颜渊呐
6 小时前
Vue3 + Less 实现动态圆角 TabBar:从代码到优化实践
前端·css
yby1541
7 小时前
【人类写的】anki卡片制作入门
css
卸任
7 小时前
解密Flex布局:为什么flex:1仍会导致内容溢出
前端·css·flexbox
Jing_Rainbow
10 小时前
【前端三剑客-9 /Lesson17(2025-11-01)】CSS 盒子模型详解:从标准盒模型到怪异(IE)盒模型📦
前端·css·前端框架
程序员小寒
1 天前
前端高频面试题之CSS篇(一)
前端·css·面试·css3
fruge
1 天前
低版本浏览器兼容方案:IE11 适配 ES6 语法与 CSS 新特性
前端·css·es6
han_
2 天前
前端高频面试题之CSS篇(一)
前端·css·面试
不会玩电脑的Xin.
2 天前
HTML + CSS
前端·css·html
悟能不能悟
3 天前
<style scoped>vue中怎么引用css文件
css·vue.js
热门推荐
01GitHub 镜像站点02BongoCat - 跨平台键盘猫动画工具03【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连04UV安装并设置国内源05Linux下V2Ray安装配置指南06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)07“我的电脑”图标没了怎么办 4种方法找回08Labelme从安装到标注:零基础完整指南09全球最强模型Grok4,国内已可免费使用!(附教程)10KGG转MP3工具|非KGM文件|解密音频