背景图片自适应

Question

html代码

css：

效果：

但是高度设置为100%出现空白

不知道是什么原因

Answer 1

 背景图片和img图片，当你只设置宽度时，图片的高度随着宽度自适应。比如图片为100x100，宽度设置为100%，屏幕宽度1920, 图片宽度为1920，因为一般屏幕最大为1920x1080，所以超出屏幕高度的图片内容被裁剪。你这里设置宽度为100%，高度为100%，因为body没有设置高度，或者没有其他标签支撑body高度的标签，所以图片高度为0不懂继续追问