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