我正在创建一个网站，该网站将使用无法平铺的图像。我需要这张图像覆盖整个背景屏幕。但是，我希望它能够在大型显示器和小型显示器上运行。
我应该制作一张大背景图像并使用它缩小它吗background-size或者我应该创建不同尺寸的同一图像的多个版本，然后使用 CSS3 媒体查询来选择应显示哪个图像？如果是这样，我应该使用屏幕尺寸的哪些断点？
您可以使用background-size https://developer.mozilla.org/en-US/docs/CSS/background-size属性设置为contain or cover。这对于缩放伪像不那么明显的摄影背景（而不是图案）特别有效。
比较两者：contain http://jsfiddle.net/ovfiddle/W3g7m/1/ vs cover http://jsfiddle.net/ovfiddle/W3g7m/
请记住为 IE8 及以下版本设置后备规则（只需拉伸背景就足够了）。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
