一、问题
h5活动页面中经常会用到一些超长的大图，一般两个方案：
- 有内容的使用background-image
- 没有内容的直接使用img
问题来了，直接img标签，图片变形，垂直拉伸了。。。
二、解决
img标签外单独套一个div就好了。。。原因未知。。。
知道原因的欢迎留言
over
【笔记】h5页面img标签变形，无法完美适配
2023-01-10
237
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
h5页面img标签变形，无法完美适配
目录
相关文章
|
编解码
移动开发
前端开发
响应式图片（Retina Images）：提升网站视觉质量的关键
在高分辨率设备如Retina显示屏普及的今天，网站和应用程序的图片质量变得至关重要。为了确保图像在各种设备上都具备出色的视觉效果，响应式图片技术已经成为前端开发中的不可或缺的一部分。本博客将深入探讨响应式图片的概念、实施方法以及为什么它们对于提升用户体验至关重要。
104
0
0
|
前端开发
小程序
微信小程序 Canvas导出图片模糊？（已解决）
首先确定 userInfo 的 avatar 不是 132，原图是 0；
其次确定你的 destWidth 和 destHeight 不是 width 和 height;
685
0
0
|
6月前
|
7月前
|
UED
开发者
容器
|
前端开发
容器
|
前端开发
|
小程序
JavaScript
|
移动开发
前端开发
HTML5
|
定位技术
热门文章
最新文章
1
跟阿里云技术专家阙寒一起深度了解视频直播CDN技术
2
流批一体的近实时数仓的思考与设计
3
丰富、连接、待集成—MaxCompute 生态再出发
4
securecrt克隆会话与sshd 的 MaxSessions
5
McAfee揭秘网络最危险搜索关键词
6
微软再爆IE 0day漏洞 绿盟科技提供预警及防护手段
7
uboot命令分析+实现【转】
8
读书笔记--101个shell脚本 之#11--炫
9
SQL Server 深入解析索引存储(堆)
10
OAF_EO系列3 - Initialize详解和实现（案例）
1
【claude官网中文版】国内如何使用claude?记住这十大技巧！
101
2
调用云端Qwen系列大模型（TURBO、PLUS、MAX和MAX_LATEST）在国际商业咨询智能体场景的实践探索
55
3
已解决：国内如何使用Claude 3.5 Sonnet \ claude官网中文入口
44
4
HarmonyOS 5.0 Next实战应用开发—‘我的家乡’【HarmonyOS Next华为公司完全自研的操作系统】
64
5
自学记录鸿蒙API 13：实现多目标识别Object Detection
158
6
《探索人工智能产业的可持续发展模式与策略》
18
7
《人工智能助力社会学研究：数据挖掘与分析方法的深度探索》
20
8
《软体机器人与仿生机器人的人工智能控制技术：挑战与突破》
18
9
《探索机器人自主导航与路径规划技术的热点》
20
10
《集成学习：堆叠泛化与提升法在人工智能中的应用热点》
16