문서의 선택한 두 판 사이의 차이를 보여줍니다.
다음 판 | 이전 판 | ||
html:css:relativesize [2012/08/19 21:10] kwon37xi 새로 만듦 |
html:css:relativesize [2012/08/19 21:45] (현재) kwon37xi |
||
---|---|---|---|
줄 2: | 줄 2: | ||
* [[http:// | * [[http:// | ||
+ | * [[http:// | ||
+ | |||
+ | ===== Root Relative Length ===== | ||
+ | * **rem** 으로 표기한다. ex) '' | ||
+ | * 항상 최상위 엘리먼트인 ''< | ||
+ | * IE 9 이상과 최신 브라우저들이 지원한다. | ||
+ | |||
+ | ===== Viewport Relative Length ===== | ||
+ | * '' | ||
+ | * 뷰포트 높이의 50%로 지정< | ||
+ | div { height: 50vh; } | ||
+ | </ | ||
+ | * '' | ||
+ | * IE 9+ 및 Chrome, Safari 지원. | ||
+ | |||
+ | ===== calc() ===== | ||
+ | * 서로 다른 단위간의 계산을 지원한다. | ||
+ | <code css> | ||
+ | div { | ||
+ | margin: 0 20px; | ||
+ | width: calc(33% - 40px); | ||
+ | } | ||
+ | </ | ||