使图像适合父div并保持长宽比？

Question

我有一个动态图像，有时是肖像，有时是风景。 我希望将此100％与其父级div相匹配，并且仍然保留宽高比。

我知道之前也曾问过类似的问题，但我有一些规定：

• 没有背景封面
• 没有物体适合
• 没有JS

这可能吗？

Answer 1

如果不使用background-cover或js，则无法将图像（100％）放入容器中并保持宽高比。 您提供的风景或肖像图像必须水平或垂直拉伸以适合div 100％。