如何使这个图像响应

时间:2014-01-22 21:33:56

标签: html css image

您好我正在制作RWD并且我对一张图片有问题,因为当我使浏览器变小时会削减此图像代码的错误。

INDEX

    </head>
<body>
    <!--start wrapper-->
    <div id="wrapper">
        <div class="line"></div>
    </div>
</body>

CSS

.line{
    background-image: url("images/line.png");
    height: 7px;
    padding: 0;
    margin: 0;
    max-width: auto;    

}
/*wrapper*/
#wrapper{
    width: 100%;
    height: 500px;
    background: #ffffff;
}
/****** RESPONSIVE ***********/
@media all and (max-width: 1024px){
    .line{
        background-image: url("images/line.png");
        height: 7px;    
        width: 100%;
    }
    /*wrapper*/
    #wrapper{
        width: 100%;
        height: 500px;
        background: #ffffff;
    }

0 个答案:

没有答案