是否有CSS规则会自动缩放图像并裁剪它以填充整个容器?</ p>
因此,假设图像的宽高比大于容器的宽高比。在这种情况下,图像高度应与容器的高度匹配,从而导致图像左侧和右侧的额外空间进行裁剪。如果图像的宽高比小于容器的宽高比,则图像的宽度应与容器的宽度相匹配,从而在顶部和底部产生额外的空间。要裁剪的图像。
现在,我正在使用javascript进行所有这些计算和缩放。
是否有可以为我执行此操作的CSS规则?
答案 0 :(得分:1)
我最终使用了以下CSS3规则
background-size:cover