下面是图片不失真但不保证是否完全铺满（留有空隙或者超出屏幕）的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通用电子计算机。
人们把没有安装任何软件的计算机称为裸机。随着科技的发展，现在新出现一些新型计算机有：生物计算机、光子计算机、量子计算机等。
您好，非常荣幸能在此回答您的问题。以下是我对此问题的部分见解，若有错误，欢迎指出。你好！css中有一个背景图片的属性可以解决这个问题哦 你可以尝试下：background-repeat no-repeat
这个属性哦。非常感谢您的耐心观看，如有帮助请采纳，祝生活愉快！谢谢！
百分数值的表现方式更为复杂。假设你希望用百分数值将图像在其元素中居中，这很容易：body
{
background-image:url('/i/eg_bg_03.gif')
background-repeat:no-repeat
background-position:50% 50%
}
这会导致图像适当放置，其中心与其元素的中心对齐。换句话说，百分数值同时应用于元素和图像。也就是说，图像中描述为 50%
50% 的点（中心点）与元素中描述为 50% 50% 的点（中心点）对齐。
如果图像位于 0% 0%，其左上角将放在元素内边距区的左上角。如果图像位置是 100% 100%，会使图像的右下角放在右边距的右下角
