calc 폰트는 어떻게 계산해야하는거에요??

calc 폰트는 어떻게 계산해야하는거에요??

QA

calc 폰트는 어떻게 계산해야하는거에요??

본문

외국 반응형 사이트들을 보면, 이런식으로 폰트 설정이 되어있던대. 어떻게 읽고? 계산?해야할지 모르겠어요. 

 


body { font-size:16px; line-height:1.65; }
#content > a { font-size:calc(46px + 36 * ( (100vw - 576px) / 1024)) }

이 질문에 댓글 쓰기 :

답변 1

말 그대로 사칙연산 해주시면 됩니다.

vw 는 viewport width라는 뜻으로 현재 브라우저 창의 너비입니다.

 

예를들어 브라우저 창의 사이즈가 1920픽셀이라면 100vw는 1920픽셀이 됩니다.


calc(46px + 36 * ( (100vw - 576px) / 1024) 은

 

46px + 36 * ( 1344px / 1024)

 

46px + 36 * (1.3125px)

 

46px + 47.25px

 

= 93.25px

 

#content > a 의 폰트사이즈는 93.25픽셀이 되는것입니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 2,086
QA 내용 검색
filter #css ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT