작심삼일 개발이야기

  • 홈
  • 방명록

2022/05/02 1

[CSS] px보다 rem을 사용해야 하는 이유

px은 CSS에서 가장 기본적인 단위이다. px를 사용하여 크기를 설정하면 그 크기는 절댓값이 되어버린다.하지만 웹 페이지 사이즈의 변동이 많아 크기가 고정되어 버리면 접근성에 안 좋아질 수 있다. 보통 웹 브라우저의 기본 폰트 사이즈는 16px로 설정되어 있으며 일부 웹 브라우저는 기본 폰트 사이즈를 확대하는 기능을 제공한다.기본 폰트 사이즈를 확대 하더라도 px로 설정되어 있는 폰트 사이즈는 변함이 없다.(ctrl + 휠 키를 사용한 화면 확대는 화면 전체를 확대하는 것이라 가능하다.) rem을 사용하게 된다면 좋은 점웹 브라우저 마다 다른 기본 폰트 사이즈에 대응할 수 있다.저시력자 접근성에 대응할 수 있다. rem을 사용하게 된다면 html의 폰트 사이즈를 기준으로 폰트 사이즈를 계산하게 된다.기..

HTML, CSS 2022.05.02
이전
1
다음
더보기
프로필사진

작심삼일 개발이야기

프론트엔드 개발자 입니다 :)

  • All (126)
    • React (16)
    • Next.js (2)
    • JavaScript (8)
    • TypeScript (6)
    • HTML, CSS (5)
    • 에러 해결 (13)
    • 라이브러리 (12)
      • React Hook Form (7)
      • SunEditor-react (2)
      • Firebase (1)
    • 이모저모 (12)
    • API (1)
    • 프로젝트 (3)
      • Just it (2)
      • 여유 (1)
    • 일기 (8)
    • 개발 서적 (18)
      • 클린코드(Clean Code) (9)
      • 개발자의 글쓰기 (8)
      • 지금 시작하는 프론트엔드 개발자를 위한 조언 (1)
    • 스터디 (20)
      • 클린코드(Clean Code) (13)
      • 리팩토링 2판 (7)
    • 컨퍼런스 (2)

Tag

javascript, 지연 초기화, formik, clean code, 클린코드, typescript, React Hook Form, 알고리즘, react, 객체, 리팩토링, Just it, useFieldArray, YUP, 불변성, next.js, suneditor, 개발자의 글쓰기, 주석, RHF,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2022/05   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바