ux dev

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

2025/02/11 1

CSS 단위 선택: 실무에서 'rem' vs 'px' 고민

최근 반응형 웹 디자인이 보편화되면서 다양한 CSS 단위가 각광받고 있습니다. 그중에서도 'rem'은 반응형 구현에 유용한 단위로 자주 언급되지만, 실무에선 과연 언제, 어떻게 활용해야 할지에 대한 고민이 따릅니다. 이번 포스트에서는 'rem' 단위의 이론적인 장점과 실제 디자인 작업에서 겪게 되는 문제점을 살펴보고, 특별한 프로젝트가 아니라면 왜 px 단위를 선택하는 것이 더 효율적일 수 있는지에 대해 논의해 보겠습니다.1. 'rem' 단위의 장점'rem'은 root em의 약자로, 문서의 최상위 요소(html)의 폰트 크기를 기준으로 한 상대 단위입니다. 이 점에서 다음과 같은 이점이 있습니다:확장성: 사용자가 브라우저 기본 폰트 크기를 조정하면, 'rem'으로 설정한 모든 요소가 비례적으로 크기를 ..

UX 개발/CSS 2025.02.11
이전
1
다음
더보기
프로필사진

ux dev

UX의 개발방법을 고민합니다.

  • 전체보기 (306)
    • UX 콜렉션 (5)
      • 디자인 프레임워크 (1)
      • 디자인 시스템 (0)
      • 아이콘 (3)
      • 폰트 (1)
    • UX 리서치 (40)
      • 디자인 시스템 가이드 (1)
      • 디자인 시스템 컴포넌트 (2)
      • 디자인 이론과 리서치 (16)
      • 디자인 트렌드와 문화 (1)
      • 디자인 케이스스터디 (15)
      • 디자인 리소스 (5)
    • UX 디자인 (54)
      • 피그마 (15)
      • 피그마 - 무료 템플릿 (3)
      • 피그마 - 무료 플러그인 (7)
      • 피그마 - 무료 리소스 (2)
      • 어피니티디자이너 (4)
      • 포토샵 (2)
      • 일러스트레이터 (9)
      • 색상과 디스플레이 (3)
      • 인쇄 (1)
      • 아이콘 디자인 (4)
      • 이메일 디자인 (1)
      • 스케치 (3)
    • UX 개발 (156)
      • HTML (8)
      • CSS (27)
      • CSS - 타이포그래피 (2)
      • CSS - 3D (3)
      • CSS - Selector (1)
      • CSS - Flex & Grid (7)
      • CSS - SASS & SCSS (1)
      • CSS - TailwindCSS (7)
      • CSS - 라이브러리 (2)
      • JS (7)
      • UX - 폼 (Forms) (1)
      • UX - 스크롤 애니메이션 (10)
      • UX - 슬라이더 (롤링배너) (1)
      • UX - 트랜지션 효과 (1)
      • UX - 반응형 (RWD) (1)
      • UX - 커서 & 클릭 & 키보드 (3)
      • Jekyll (1)
      • 노션 (0)
      • 티스토리 (2)
      • 지도API (2)
      • ChatGPT (1)
      • Git (1)
      • SEO (4)
      • 테스팅 (1)
      • Shell Script (Bash) (7)
      • 웹서버 (2)
      • 개발도구와 환경 (53)
    • 정보 접근성 (20)
      • 접근성 (A11Y) (6)
      • 접근성 (A11Y) - 웹 접근성 지침 (7)
      • 접근성 (A11Y) - 컴포넌트 (7)
    • UX 리뷰 (14)
      • 디지털디바이스 (11)
      • 음식과 공간 (0)
      • 거의 모든 것 리뷰 (3)
    • 웹디자인기능사 (14)
      • 웹디자인기능사 정보 (1)
      • 웹디자인기능사 필기 요약 (11)
      • 웹디자인기능사 필기 기출 (0)
      • 웹디자인기능사 실기 (2)
    • 프로젝트 (3)
      • 무료 웹 도구 (3)

Tag

어피니티, 웹디자인기능사, 맥OS, figma, html, 로고디자인, UI, 어피니티디자이너, CSS, 웹디자인기능사필기, 디자인, UI디자인, UX, 아이콘, 피그마, 디자인시스템, 웹디자인기능사필기요약, ux디자인, MacOS, 일러스트레이터,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

«   2025/02   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

uxdev.org

  • siimplelab
  • siimply

티스토리툴바