关于css 设置img宽高自适应问题

郑意波
  • 114

问题如下:

有个img轮播效果,外层div相框500*500,里面会有多个img,每次只展示一个img,宽高哪个大采用哪个,另一个auto。

例:一个img为宽800高300,则显示为宽100%,高自适应,如图:
![图片描述][1]
例:一个img为宽200高700,则显示为高100%,宽自适应,如图:

![图片描述][2]
求大神纯css如何实现,css3也行,如果必须用js,就不必回答了,谢谢
回复
阅读 5.2k
2 个回答
乐宁
  • 1
新手上路,请多包涵

楼上的答案确实是对的,但是只对于长或者宽超出了展示框的情况,对于长和宽没有比框大的情况,我也希望是长的一方填充展示框
clipboard.png

你知道吗?

宣传栏