手机打开专题页bug，banner不够宽

手机打开专题页bug，banner不够宽

 

CSS

 .banner { height: 425px; background: url(http://image.gxrc.com/gxrcsite/zt/2018/xinshui/banner.jpg) no-repeat center top; }

 

HTML

<div id="header">
            <div class="banner"></div>
        </div>

原因，下面的图片宽度太大，1200px，page只有980px，所以宽度不一样

修改后

CSS

#header,#header .banner{ height: 425px; background: url(http://image.gxrc.com/gxrcsite/zt/2018/xinshui/banner.jpg) no-repeat center top; }

HTML

<div id="header">
            <div class="banner w1200"></div>
        </div>

标签：专题,image,jpg,height,zt,gxrc,banner,bug
来源： https://www.cnblogs.com/sunnywindycloudy/p/13174200.html