我正在尝试重新创建一个图像，看起来像这里的封面图像。图像必须是浏览器的全宽度，但仍保持一定的固定高度。尽管如此，它仍然必须保持长宽比。
设置宽度：100%；高度：自动；使图像以正确的长宽比全宽。但是，高度是关闭的。如果我设置宽度：100%；最大高度：300px；，长宽比将丢失。
我相信这是可能的（见上面的链接），但我就是不知道如何得到这个结果。感谢一些建议！
你必须“剪切”图像中超过固定高度的部分。所以将此样式设置为图像的父容器：
#image-container { height: 300px; overflow:hidden; }
jsFiddle
