一、问题
h5活动页面中经常会用到一些超长的大图，一般两个方案：
- 有内容的使用background-image
- 没有内容的直接使用img
问题来了，直接img标签，图片变形，垂直拉伸了。。。
二、解决
img标签外单独套一个div就好了。。。原因未知。。。
知道原因的欢迎留言
over
【笔记】h5页面img标签变形，无法完美适配
2023-01-10
148
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
h5页面img标签变形，无法完美适配
目录
相关文章
|
前端开发
小程序
微信小程序 Canvas导出图片模糊？（已解决）
首先确定 userInfo 的 avatar 不是 132，原图是 0；
其次确定你的 destWidth 和 destHeight 不是 width 和 height;
594
0
0
|
17小时前
|
Android开发
Android Studio入门之图像显示解析及实战（附源码 超详细必看）（包括图像视图、图像按钮、同时展示文本与图像）
Android Studio入门之图像显示解析及实战（附源码 超详细必看）（包括图像视图、图像按钮、同时展示文本与图像）
98
1
1
|
16小时前
|
UED
开发者
容器
|
17小时前
|
移动开发
前端开发
iOS开发
|
9月前
|
前端开发
|
9月前
|
移动开发
前端开发
HTML5
|
9月前
|
小程序
JavaScript
|
10月前
|
定位技术
|
11月前
|
前端开发
容器
|
小程序
容器
【微信小程序】image组件的4种缩放模式与9种裁剪模式
假设有一个容器（这个容器的宽高就是设置的样式），要将图片放进去。而aspectFit的特点就是保持图片不变形，且容器要“刚好”将这个图片装进去。如果原始图片比容器大，就要被等比例缩小；如果原始图片比容器小，就会被等比例放大。一直放大或缩小到图片的某一条边刚好和容器的一条边重合。
1097
0
0