为什么背景平铺后底下还是留了条白边啊！是背景图比例问题吗？

img

RT，网页下面的白边怎么解决？
css样式已经设置了background-size:cover了
然后padding和margin也设置的0

1.你检查下图片有没有白边
2.你背景元素的高度 是否是100vh?

body{
min-height:100vh;
margin:0;
padding:0;
background:url("图片.png") no-repeat center;
background-size：cover;
}

因为你的图片小了
要解决这个问题，可以提供更大比例的图片，然后可以给body加个背景色和这个图片相近的

需要再html 下添加，而不是其他元素

如

html {
  background: url(img_man.jpg) no-repeat center fixed; 
  background-size: cover;
}

background-size：100% 100%；
但是图片会变形哦！
background-size：cover;是在保持长宽比的情况下，放大并填充元素，元素宽高大于图片时使用
background-size：contain;是在保持长宽比的情况下，缩小并填充元素，元素宽高小于图片时使用

如果以上回答对您有帮助，请帮忙点个赞哦！

应该是你这部分的高度就这么高导致的，你可以右击查看元素看下宽高

img

这个方法很多，可以把图片放大覆盖，也可以让UI提供合适的图片，很大原因是分辨率的问题，可以做个meta查询兼容一下，这个看样子是个可视化大屏系统

修改宽高啊100%

给页面设置一个高度
html{height:100%}
然后
background-size:100% 100%;