具有截断功能的CSS恒定高度动态宽度

Question

我有一张图片，我希望高度保持不变。 宽度我想成为容器的100％。 但是，当您收缩容器时，我希望图像截断右侧，使其不会超出比例。

Answer 1

您希望高度为100％，可见宽度为100％。像这样：

<div id="container"><img src="http://mypic.jpeg" /></div>

div#container { height: 200px; width: 150px; overflow: hidden; }
div#container img { height: 100%;}