【发布时间】：2015-10-28 23:23:41
【问题描述】：
我有一张动态图像，有时是肖像，有时是风景。我希望这 100% 适合它的父 div 并且仍然保持纵横比。
我知道之前有人问过类似的问题，但我有一些规定：
- 无背景封面
- 没有适合的对象
- 没有 JS
这可能吗？
【问题讨论】：
-
也许只设置一个大小属性 f.e.
<img src="image1.jpg" height="100%" /> <img src="image2.jpg" height="100%" />? -
这不起作用，它会拉伸横向图像。
-
如果不使用背景封面或 Javascript，我不明白这应该如何实现。
-
在许多令人惊讶的情况下，可以在添加图像时将类添加到图像中。然后你可以做
<img src="image1.jpg" class="image-landscape" />，在css中你有.image-landscape{height:100%; width:auto;}，反之亦然。