前端之家收集整理的这篇文章主要介绍了
css3 – 大背景图像和屏幕尺寸,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在创建一个网站,它将使用我无法平铺的图像.我需要这个图像来覆盖整个背景屏幕.但是,我希望这适用于大型显示器和小型显示器.
我应该制作一个大的背景图像并使用背景大小缩小它,还是应该创建不同大小的同一图像的多个版本然后使用CSS3媒体查询来选择应该显示哪个图像?如果是这样,我应该使用屏幕大小的断点?
最佳答案
您可以使用@L_
502_1@
属性集来包含或覆盖.这对于照片背景(与图案相对)特别有效,其中缩放伪像不那么明显.
比较两者:contain vs cover
请记住为IE8和under设置一个备用规则(只需要一个拉伸的背景即可).