【CSS】关于css 设置img宽高自适应问题
问题如下:
有个img轮播效果,外层div相框500*500,里面会有多个img,每次只展示一个img,宽高哪个大采用哪个,另一个auto。例:一个img为宽800高300,则显示为宽100%,高自适应,如图:
![图片描述][1]
例:一个img为宽200高700,则显示为高100%,宽自适应,如图:![图片描述][2]
求大神纯css如何实现,css3也行,如果必须用js,就不必回答了,谢谢
回答:
img { max-width: 100%;
max-height: 100%;
}
回答:
楼上的答案确实是对的,但是只对于长或者宽超出了展示框的情况,对于长和宽没有比框大的情况,我也希望是长的一方填充展示框
以上是 【CSS】关于css 设置img宽高自适应问题 的全部内容, 来源链接: utcz.com/a/155809.html