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

问题如下:

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题