下面是图片不失真但不保证是否完全铺满（留有空隙或者超出屏幕）的css代码：
1、横向铺满，纵向留有空隙或超出屏幕：
body {background:url(图片路径) no-repeat centerbackground-size:100% auto}
2、纵向铺满，横向留有空隙或超出屏幕：
body {background:url(图片路径) no-repeat centerbackground-size:auto 100%}
补充说明：background-size属于css3，只有支持css3的浏览器才有效。
电脑（Computer）是一种利用电子学原理根据一系列指令来对数据进行处理的机器。电脑可以分为两部分：软件系统和硬件系统。第一台电脑是1946年2月15日在美国宾夕法尼亚大学诞生的ENIAC通用电子计算机。
人们把没有安装任何软件的计算机称为裸机。随着科技的发展，现在新出现一些新型计算机有：生物计算机、光子计算机、量子计算机等。
#bg{
margin:0px
background: url(images/beijing.png) no-repeat
background-size:100% 100%
background-attachment:fixed
}
扩展资料：
url(images/beijing.png)——图片路径的位置；
no-repeat—— 图片不重复；
center 0px——center是距离页面左边的定位，0px是距离页面上面的定位；
background-position: center 0——就是图片的定位，同上；
background-size: cover——把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中；
min-height: 100vh——视窗的高度，“视区”所指为浏览器内部的可视区域大小，即window.innerWidth/ window.innerHeight大小。
分享3种CSS实现背景图图片全屏铺满自适应的方式，希望对你有所帮助。01
02
03
给body标签指定背景图，这样背景图就可以填充整个浏览器viewport了。其实，该方案对所有的块级容器都可以生效。块级容器的宽高是动态的，那么背景图将自动伸缩，充满整个容器。
css body标签的样式如下：
