200829 아이엔랩 웹페이지 개발 일지

2020. 8. 29. 23:54개발 (안드로이드 외)/💻 웹사이트 개발

728x90

 

rem 

em : 현재의 font-size. 그러니까 현재 설정된 것의 1.2배의 font-size를 하게 하려면 1.2em이 된다. 그런데 rem은 최상위 (root em)이다. 겹쳐서 em 하면 계속 커지니까 불편해지므로 rem을 쓴다.

 

vh, vw

vh는 브라우저 높이값의 1/100이고, vw는 브라우저 너비값의 1/100이다. %랑 많이 다른가?

 

vmin, vmax

너비값과 높이값에 따라 최대, 최소값을 지정할 수 있음. 브라우저 크기가 1000px 너비 800px 높이라면 1vmin : 8px, 1vmax : 10px. 이런 식. 화면에 넘치지 않는 정사각형을 만들 수 있음.

 

ex, ch

폰트 사이즈에 의존하는 건 같은데, ch는 '0'의 너비값의 고급 척도. monospace 폰트의 너비값을 부여받았으며 20ch라면 monospace 기준 20개의 문자열. ex는 현재 폰트의 x-높이값 또는 em의 절반 값. 폰트의 중간 지점을 알아내야 할 때 사용되는 방법이라고 함.

 

오늘은 인디케이터 클릭 시 이동에다가 크기까지 추가했다. js 및 jQuery 이용. 그리고 새로운 라이브러리를 발견했다. 생활코딩에 물어도 찾던 걸 알 수 없었는데 이거면 내가 찾던 게 맞다.

 

 

 

fullPage scroll snapping. Create full screen pages fast and simple

Mouse wheel snap to sections. Fast and simple to use.

alvarotrigo.com

 

 

200830_ienlab_microsite · ericanorhee/ienlab_microsite@b1e853d

왼쪽 인디케이터 크기 추가, 페이지 이동 추가, 글자 추가

github.com

728x90