hwlink

고정 헤더 영역

글 제목

메뉴 레이어

hwlink

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기
    • Memo
    • Library
    • Coding
      • Svelte,Sveltekit
      • React
      • JS
      • CSS
      • 알고리즘
      • Error
      • TypeScript
      • WEB
      • Network
    • Git
    • Code
    • 마우스버리기
    • Project
      • Weasly(화장품결제구독서비스)
      • Hines(리빙쇼핑몰)
      • 기업협업
    • book

검색 레이어

hwlink

검색 영역

컨텐츠 검색

CSS

  • [CSS] 상대단위 rem em

    2022.05.02 by hwlink

[CSS] 상대단위 rem em

상대단위 px(약 0.0264cm), pt 같이 고정된 절대단위의 값이 아닌 브라우저가 어떤 기준에 따라 계산한 값 대표적으로 em, rem, %, vw, vh가 해당된다. 본 글에서는 rem, em을 다루겠습니다. rem / em 공통점 em, rem 둘 다 font-size의 속성 값에 비례해서 결정되는 상대단위입니다. ex 1) font-size 16px 0.5em = 16px x 0.5 = 8px 1em = 16px x 1 = 16px 2em = 16px x 2 = 32px ex 2) font-size 20px 0.5rem = 20 px x 0.5 = 10px 1rem = 20 px x 1 = 20px 2rem = 20 px x 2 = 40px em, rem 동일하게 동작합니다. rem / em ..

Coding/CSS 2022. 5. 2. 21:49

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
hwlink © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바