css自动缩放和庄稼填充屏幕的背景图像

时间:2013-07-24 20:05:43

标签: css background

是否有CSS规则会自动缩放图像并裁剪它以填充整个容器?<​​/ p>

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

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

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

1 个答案:

答案 0 :(得分:1)

我最终使用了以下CSS3规则

background-size:cover