css3 – 大背景图像和屏幕尺寸

前端之家收集整理的这篇文章主要介绍了css3 – 大背景图像和屏幕尺寸前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在创建一个网站,它将使用我无法平铺的图像.我需要这个图像来覆盖整个背景屏幕.但是,我希望这适用于大型显示​​器和小型显示器.

我应该制作一个大的背景图像并使用背景大小缩小它,还是应该创建不同大小的同一图像的多个版本然后使用CSS3媒体查询来选择应该显示哪个图像?如果是这样,我应该使用屏幕大小的断点?

最佳答案
您可以使用background-size属性集来包含或覆盖.这对于照片背景(与图案相对)特别有效,其中缩放伪像不那么明显.

比较两者:contain vs cover

请记住为IE8和under设置一个备用规则(只需要一个拉伸的背景即可).

猜你在找的CSS相关文章