🐨CoalaCoding
DocsExamplesTry itBoardB반B반
🐨CoalaCoding

개발자를 위한 한국어 웹 기술 문서

문서

  • JavaScript
  • Web Publishing
  • React
  • Python

커뮤니티

  • 게시판
  • 예제 모음
  • Try it 에디터

기타

  • GitHub
  • 관리자
© 2026 CoalaCoding. All rights reserved.
  • topBtn
  • rollingBanner
  • menu
  • stickyMenu
  • accordion
  • swiper
  • activeMenu
  • slide
  • tab
  • scrollEffect
  • ajax
  • tabSlide
  • adaption
  • 좋은-디자인을-위한-요소
  • 논리적vs물리적해상도
  • 게슈탈트이론
  • 색채심리학
  • 황금비율
  • 컬러모드
  • 디자인실무용어
  • 이미지파일의특징
  • 폰트와사이즈
  • 레이아웃기초
  • 10가지법칙
  • 아이트래킹
  • 색상을성공적으로고르는방법
  • 타이포그래피10가지팁
  • 스타일가이드만들기
  • 모바일디자인버튼
  • 조형요소
  • 6가지비주얼체계규칙
  • 아이콘디자인이론
  • 해상도와그리드시스템
  • 피그마란
  • 작업환경세팅
  • 인터페이스예제
  • 기능심화
  • 인터페이스설계
  1. 홈
  2. 문서
  3. HTML & CSS
  4. UI 컴포넌트
  5. 논리적vs물리적해상도

논리적vs물리적해상도

코드 블록의 Try it Yourself 버튼으로 직접 실행할 수 있다.

구문

논리 해상도와 물리 해상도의 차이:

  • **물리적 해상도 (Physical Resolution):**디바이스 화면에 실제로 표시되는 픽셀의 수를 나타냅니다. 예를 들어, 1920x1080 해상도의 스마트폰은 가로로 1920개의 픽셀, 세로로 1080개의 픽셀을 가지고 있습니다.
  • **논리적 해상도 (Logical Resolution):**소프트웨어 또는 시스템이 화면을 다루기 위해 사용하는 가상의 해상도입니다. 예를 들어, 아이폰 X의 물리적 해상도는 1125x2436이지만, 논리적 해상도는 375x812로 간주됩니다. 이것은 3배의 픽셀 밀도를 갖는 레티나 디스플레이를 고려한 것입니다.

예시:

  • 아이폰 X: 물리적 해상도: 1125x2436, 논리적 해상도: 375x812.
  • 갤럭시 S20: 물리적 해상도: 1440x3200, 논리적 해상도: 360x800.

목차

  • 구문