background-size

  

   当适用于手机端的图片想在电脑端显示时,可以通过background-size:100%;让其占满整个电脑屏幕:

.member-code-body{
    background: url("../images/code_bg.jpg") no-repeat;
    background-size: 100%;
}

  

  当图片在手机上高度合适但电脑上不合适:

.member-code-body{
   background: url("../images/code_bg.jpg") no-repeat;
}

@media screen and (min-width: 400px) {
    .member-code-body {
        background-size: 100%; //适用于背景图片小适合手机屏幕,不适合电脑屏幕时,将图片放大适合电脑屏幕
    }
}

  

 

posted @ 2017-10-28 17:57  安静的嘶吼  阅读(184)  评论(0编辑  收藏  举报