인프런 커뮤니티 질문&답변
vw 사용 시 글씨 밀림 문제
작성
·
514
답변 1
1
1분코딩
지식공유자
미디어 쿼리로 디자인에 맞게 폰트 사이즈를 조정해주시면 됩니다.
예를들어 기본적으로는 .foo 요소의 폰트사이즈를 10vw로 하고
브라우저 폭이 600픽셀 이하가 되면 40px로 고정한다면 아래와 같이 하면 되겠지요~
반대로 하시려면 max-width 대신 min-width를 쓰시면 되고요.
.foo {
font-size: 10vw;
}
@media (max-width: 600px) {
.foo {
font-size: 40px;
}
}





감사합니다, 선생님!