怎么将一张背景图片完整地铺满全屏

我不叫小菜鸟
浏览 6633回答 6
6回答

前端菜鸟JOJO

如果想要把一张图片完整的平铺到屏幕上又不失真,基本上是不可能的,每张图片本身就有自己的高宽比例,所以不可能适配所有设备的比例,但是如果放弃掉“完全”两个字才能够让图片既能够铺满,又不会失真。background-size:100%;  background-repeat:no-repeat;  如果背景图有纯色的底色的话,可以把background-color的值设为该背景图的值,这样的话即使背景图适配后高度不够,也不会显露出来。

Xsssssssss

background-size:cover;

waitor

background-size: 100%;

echo_kinchao

background-size:cover;
打开App,查看更多内容
随时随地看视频慕课网APP