【发布时间】：2013-07-27 00:47:14
【问题描述】：
是否有一个 CSS 规则会自动缩放图像并将其裁剪以填充整个容器？
假设图像的宽高比大于容器的宽高比。在这种情况下，图像高度应该与容器的高度相匹配，从而导致图像左侧和右侧的多余空间被裁剪。如果图像的宽高比小于容器的宽高比，那么图像的宽度应该与容器的宽度相匹配，导致顶部和底部的额外空间要裁剪的图像。
现在，我正在使用 javascript 进行所有这些计算和缩放。
是否有 CSS 规则可以为我做到这一点？
【问题讨论】：
-
我记得尝试过 background-size:100% 100%，它扭曲了图像，以至于它不尊重纵横比。
-
语法记录在 kalley 提供的链接中。请参阅“cover”值的使用。
-
好的，谢谢
标签： css background