2 qq 38562743 qq_38562743 于 2017.09.17 16:50 提问

浏览器窗口逐渐变小时,背景图片出问题。

在body上设置了一个图片背景,当浏览器窗口逐渐缩小时,背景图片往上跑了,感觉也变小了一样,导致页面下方有很大一块地方是空白的,没有背景图。已经第二次遇到这种问题了,求大神解答一下。

3个回答

qq_35235940
qq_35235940   2017.09.17 17:24
已采纳
width: 100%;
height: 100%; 
background-position: center;
background-repeat: no-repeat;
    background:url(../xx.png);
background-size: cover;
    有空白就加一个最小高度min-height:600px;
ShewMi
ShewMi   2017.09.17 17:16

设置图片最小最大宽度即可限制其自适应的大小:
min-width:50px 最小宽度为50px
max-width:50px 最大宽度为50px

qq_32225989
qq_32225989   2017.09.27 13:55

这就需要用到响应式布局,就像一楼所写的一样

Csdn user default icon
上传中...
上传图片
插入图片