一、通过CSS技巧可以实现图片自适应<div>大小的效果
给父元素<div>设置相对定位，并添加以下样式属性：
div {
position: relative;
}
img {
max-width: 100%;
height: auto;
}这样，图片就会根据父元素的大小进行自适应，保持宽高比例，而不会被拉伸变形。
html中怎么让img图片自适应div的大小
转载请注明出处或者链接地址：https://www.qianduange.cn//article/6150.html
相关文章
-
tsconfig.json配置详解
-
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree
-
Spartacus 2211 开发使用 npm，CCV2 上用 yarn 进行构建
-
npm下载遇到卡在\ reify:sass: http fetch GET 200 https://cdn.npmmirror.com/packages/sass/1.69.5/sass-1.69.5
-
（全网最详细！！）npm：无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
-
NVM的安装使用与配置（node, npm, yarn）
-
解决报错 npm ERR! Missing script:“serve“
-
npm install报错，解决记录_npm warn using --force recommended protections dis
-
VueJS 之动态组件
-
vue实现上传pdf文件盖章与签名，盖章文件下载
发布的文章
2024 Flutter 重大更新，Dart 宏（Macros）编程开始支持，JSON 序列化有救
2024-05-05 22:05:19
golang struct json tag的使用及深入理解_go struct json tag
2024-05-05 22:05:12
@JsonCreator和@JsonValue
2024-05-05 22:05:05
【好物推荐】JSONView，一款查看json数据的神器
2024-05-05 22:05:03
cesium实战(1)、cesium 加载本地json、GeoJson数据
2024-05-05 22:05:01
Resolved [org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Cann
2024-05-05 22:05:00
MySQL语句 ｜ 在MySQL中解析JSON或将表中字段值合并为JSON
2024-05-05 22:05:00
Python 字符串转换为 JSON
2024-05-05 22:05:00
JSONException（JSON解析异常）可能的原因和解决方法
2024-05-05 22:05:00
【Python】【VS Code】VS Code中python.json和setting.json文件配置说明
2024-05-05 22:05:58
大家推荐的文章