css スマホの背景画像をきれいに表示する方法

Posted 2021-05-13

.img-recommend-trialset {
    position: relative;
    height: 0;
    margin: 0 0 3rem 0;
    padding: 56.5% 0 0 0; /*padding topで調整*/
    background: url(../images/trial/popular_trial.png) 0 0 no-repeat;
    background-size: cover;
    overflow: hidden;
}

.btn-order {
    position: absolute;
    top: 63.5%;
    left: 10%;
    width: 80%;
}