CSS：显示/缩放图像而不弄乱比例？
我有一个图像，比如说120 x 90像素。现在我想显示该图像的较小版本，例如80 x 50 px。我知道我可以使用宽度和高度，这将为具有相同大小的图像工作 现在我的问题是，我有不同的图像，它们有不同的原始大小，仅仅使用静态宽度和高度会使一些图像看起来很奇怪（因为比例混乱） 我如何处理这些案件？这在纯CSS中是可能的，还是我需要一些JSCSS：显示/缩放图像而不弄乱比例？,css,image-scaling,Css,Image Scaling,我有一个图像，比如说120 x 90像素。现在我想显示该图像的较小版本，例如80 x 50 px。我知道我可以使用宽度和高度，这将为具有相同大小的图像工作 现在我的问题是，我有不同的图像，它们有不同的原始大小，仅仅使用静态宽度和高度会使一些图像看起来很奇怪（因为比例混乱） 我如何处理这些案件？这在纯CSS中是可能的，还是我需要一些JS 谢谢 我们称之为动态div，当de div变小或变大时，图像将调整大小 一个例子 img{ 最大宽度：100%； 高度：自动； 宽度：自动\9；/*ie8*/ }
谢谢 我们称之为动态div，当de div变小或变大时，图像将调整大小 一个例子
img{
最大宽度：100%；
高度：自动；
宽度：自动\9；/*ie8*/
}
.视频嵌入，
.视频对象，
.视频iframe{
宽度：100%；
高度：自动；
}