前端------css兼容图片问题，根据屏幕分辨率兼容大小，@media兼容

@media screen and (max-height: 1080px) {
    .login{
        width: 100%;
        height: 100%;
    }

}

media screen and (max-height: 960px) {

        .login{

               width: 100%;   

               height: 85%;

         }

}