gpt4 book ai didi

css - 大背景图像和屏幕尺寸

转载 作者:技术小花猫 更新时间:2023-10-29 11:28:18 25 4
gpt4 key购买 nike

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

我应该制作一张大背景图片并使用 background-size 将其缩小,还是应该创建不同尺寸的同一图片的多个版本,然后使用 CSS3 媒体查询来选择应该显示的图片?如果是这样,我应该使用什么屏幕尺寸断点?

最佳答案

您可以使用 background-size属性设置为 containcover。这对于缩放伪影不那么明显的摄影背景(而不是图案)尤其有效。

比较两者:contain对比cover

请记住为 IE8 及以下设置回退规则(拉伸(stretch)背景就足够了)。

关于css - 大背景图像和屏幕尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14471576/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com