Developers

css 동적 사이즈 조절 미디어 쿼리

오페투오소 2023. 10. 12. 16:46

 

561px 보다 작으면 하단 스타일 적용 

@media screen and (max-width: 561px) {
    .clinic-detail .clinic-list .right-box .title {
        width: 60%;
    }
}

 

561px 보다 크면 하단 스타일 적용 

@media screen and (min-width: 561px) {
    .clinic-detail .clinic-list .right-box .title {
        width: 100%;
    }
}