테스트 사이트 - 개발 중인 베타 버전입니다

반응형에서 폰트사이즈 채택완료

휴그팜 2년 전 조회 2,342

반응형으로 홈페이지를 만들때 폰트사이즈 반응형에 대해 질문드립니다.

 

지금은 특정클래스에 대해서 미디어 쿼리로 모니터 크기마다 font-size를 다르게 주고있는데요

 

텍스트작업이 많을때는 태블릿사이즈, 모바일사이즈마다 미디어 쿼리를 만드는게 너무 번거롭습니다

 

다른방법은 없을까요?

</p>

<p>.text1{font-size:20px}</p>

<p>@media (max-width: 990px){</p>

<p> .text1{font-size:18px)</p>

<p>}</p>

<p>@media(max-width:500px){</p>

<p> .text1{font-size:15px}</p>

<p>}</p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
세크티
2년 전

min(),max(),clamp()써보세요. clamp를 쓰시면 최소,최대 지정하고 가운데 값으로 브라우저 너비에 따라서 반응형 폰트가 가능합니다. 

.text1{font-size:clamp(15px,1.042vw,20px)}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

d
designhere
2년 전
지나가다가 도움받고 갑니다 감사합니다
하이크루
2년 전
유용한 정보 입니다.
감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인