반응형에서 폰트사이즈 채택완료
반응형으로 홈페이지를 만들때 폰트사이즈 반응형에 대해 질문드립니다.
지금은 특정클래스에 대해서 미디어 쿼리로 모니터 크기마다 font-size를 다르게 주고있는데요
텍스트작업이 많을때는 태블릿사이즈, 모바일사이즈마다 미디어 쿼리를 만드는게 너무 번거롭습니다
다른방법은 없을까요?
Copy
.text1{font-size:20px}
@media (max-width: 990px){
.text1{font-size:18px)
}
@media(max-width:500px){
.text1{font-size:15px}
}답변 1개
채택된 답변
+20 포인트
2년 전
min(),max(),clamp()써보세요. clamp를 쓰시면 최소,최대 지정하고 가운데 값으로 브라우저 너비에 따라서 반응형 폰트가 가능합니다.
.text1{font-size:clamp(15px,1.042vw,20px)}
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인