background-size

Posted 2020-10-12 艳阳天

  

   当适用于手机端的图片想在电脑端显示时，可以通过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%; //适用于背景图片小适合手机屏幕，不适合电脑屏幕时，将图片放大适合电脑屏幕
    }
}