권남

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== CSS Relative Size ======

  * [[http://riddle.pl/emcalc/|em calculator]]
  * [[http://www.alistapart.com/articles/love-the-boring-bits-of-css/|A List Apart: Articles: Learning to Love the Boring Bits of CSS]]

===== Root Relative Length =====
  * **rem** 으로 표기한다. ex) ''1.2rem''
  * 항상 최상위 엘리먼트인 ''<html>''의 글꼴 크기를 기준으로 배율을 책정한다.
  * IE 9 이상과 최신 브라우저들이 지원한다.

===== Viewport Relative Length =====
  * ''vh''와 ''vw''는 뷰포트 높이와 너비를 기준으로 치수를 지정한다.
  * 뷰포트 높이의 50%로 지정<code css>
div { height: 50vh; }
</code>
  * ''1vh''는 뷰포트 높이의 1%를 뜻한다. ''1vw''도 마찬가지.
  * IE 9+ 및 Chrome, Safari 지원.

===== calc() =====
  * 서로 다른 단위간의 계산을 지원한다.
  <code css>
div {
  margin: 0 20px;
  width: calc(33% - 40px);
}
</code>

권남

사용자 도구

사이트 도구

문서 도구