0

是否有一个 CSS 规则会自动缩放图像并将其裁剪以填充整个容器?

因此,假设图像的宽高比大于容器的宽高比。在这种情况下,图像高度应该与容器的高度相匹配,从而导致图像左侧和右侧的多余空间被裁剪。如果图像的宽高比小于容器的宽高比,那么图像的宽度应该与容器的宽度相匹配,导致顶部和底部的额外空间要裁剪的图像。

现在,我正在使用 javascript 来进行所有这些计算和缩放。

是否有可以为我执行此操作的 CSS 规则?

4

1 回答 1

1

我最终使用了以下 CSS3 规则

background-size:cover

于 2013-07-26T16:47:14.613 回答