【发布时间】：2014-06-19 03:12:40
【问题描述】：
我有一张比例为 16:9 的图像，我需要在网站上使用它。在其中一个页面上，我显示了具有 340x265 比例的图像的产品列表，当用户单击该项目时，它会进入该产品页面，在该页面应该以 400x200 的比例查看相同的图像。所以问题是因为如果配给差异图像可以被拉伸。 我对html很陌生，处理这个问题的正确方法是什么？
【问题讨论】：
标签： html css web responsive-design media-queries
【发布时间】：2014-06-19 03:12:40
【问题描述】：
最快的唯一 css 解决方案是为图像的容器 div 提供宽度/高度，并将图像添加为此 div 的background-image。
然后对该容器使用backround-position:center; & background-size:cover;。这将拉伸您的图像而不会丢失宽高比。
另一种解决方案，如果您想在<img> 标签中使用图像，那么您必须使用 jQuery 动态调整图像大小以适应容器。
【讨论】：