본문 바로가기
Frontend/JavaScript

JavaScript: Screen 객체

by 코딩쥐 2024. 8. 15.

Screen 객체는 사용자의 모니터 정보를 제공하는 객체로, 사용자 화면의 너비 및 높이 등에 대한 정보를 얻을 수 있다. 현재는 media query가 나오면서 사용 빈도가 줄었다. 

 

종류 설명
screen.width 화면의 너비
screen.height 화면의 높이
screen.availWidth 작업표시줄을 제외한 화면의 너비
screen.avail.Height 작업표시줄을 제외한 화면의 높이
screen.colorDepth 화면의 표현 가능한 컬러 색상 수 반환
screen.pixelDepth 화면의 픽셀당 비트 수 반환 

 

See the Pen Untitled by coding-ji (@coding-ji) on CodePen.