设置了max-width后,ie10 img仍然被拉伸(已解决)

2019-4-10 22:55:52 319 views

问题描述

最近碰到一个很奇怪的问题,项目只要兼容到ie10,设置了max-width后,ie10的图片仍然被拉伸了。

期望的图

问题图

通过调试发现,ie10上的img被莫名其妙的赋值上了width和height属性

<img  src="xxx"  width=""  height=""  />

原来的css

  max-width: 161px;
max-height: 130px;

解决方案(设置width:auto,height:auto)

 
max-width: 161px;
max-height: 130px;
height: auto;
width: auto;

成功解决ie10下的img被拉伸问题

1

One Comment

发表评论

电子邮件地址不会被公开。 必填项已用*标注

分享到微信朋友圈

打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。