1. css怎么让一张图片不失真的适应任何屏幕大小的电脑平铺
下面是图片不失真但不保证是否完全铺满（留有空隙或者超出屏幕）的css代码：
1、横向铺满，纵向留有空隙或超出屏幕：
body {background:url(图片路径) no-repeat center; background-size:100% auto;}
2、纵向铺满，横向留有空隙或超出屏幕：
body {background:url(图片路径) no-repeat center; background-size:auto 100%;}
补充说明：background-size属于css3，只有支持css3的浏览器才有效。
2. css中如何将背景图片全屏显示
在CSS中，如果你希望为body元素设置全屏背景图片，可以使用background-size:100% 100%;或者background-size:cover;实现。其中，100% 100%表示背景图片宽度和高度均占100%，而cover属性则会自动调整图片大小，使其完全覆盖背景区域，同时保持图片的宽高比。
需要注意的是，如果body元素的高度不是固定值，背景图片可能无法完全显示。因此，你可以考虑为body设置一个固定的高度，或者使用其他方法确保背景图片能够正确显示。
另外，如果你希望背景图片在全屏显示时保持一定的比例，可以使用background-size:contain;，这样背景图片会尽可能缩小以适应背景区域，但不会拉伸图片。
在使用background-size属性时，还需要注意浏览器兼容性问题。尽管大部分现代浏览器都支持background-size属性，但在一些老旧浏览器中可能会出现兼容性问题，因此建议在项目中使用前进行测试。
最后，为了使背景图片与页面内容更好地融合，你还可以使用background-attachment:fixed;属性，这样背景图片会固定在页面上，随滚动条滚动而不会移动。
综上所述，通过合理设置background-size属性，可以轻松实现将背景图片全屏显示的效果，提升网站的视觉效果和用户体验。
3. css如何设置背景图片的平铺方式css设置背景图片平铺的方法（图文详解）
设置CSS背景图片平铺方式的方法是使用background-repeat属性。此属性可以控制背景图像在水平和垂直方向上的重复。下面将详细说明各种平铺方式的设置方法。
1、完全平铺：使用属性值"repeat"，背景图像将被平铺在水平和垂直方向。
2、不平铺：使用属性值"no-repeat"，背景图像将仅显示一次，不重复。
3、水平平铺：使用属性值"repeat-x"，背景图像仅在水平方向上平铺。
4、垂直平铺：使用属性值"repeat-y"，背景图像仅在垂直方向上平铺。
举例说明：
完全平铺示例：
css
background-image: url('your-image.jpg');
background-repeat: repeat;
不平铺示例：
css
background-image: url('your-image.jpg');
background-repeat: no-repeat;
水平平铺示例：
css
background-image: url('your-image.jpg');
background-repeat: repeat-x;
垂直平铺示例：
css
background-image: url('your-image.jpg');
background-repeat: repeat-y;
在CSS中设置背景图片平铺方式非常简单，只需调整background-repeat属性即可实现不同的平铺效果。希望以上内容对您有所帮助。