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.
'Frontend > JavaScript' 카테고리의 다른 글
JavaScript : 웹 스토리지 (3) - IndexedDB의 keyRange / index / opencusor (0) | 2024.08.18 |
---|---|
JavaScript : 웹 스토리지 (2) - IndexedDB란? (0) | 2024.08.18 |
JavaScript : 웹 스토리지 (1) - Cookie와 Web Storage (0) | 2024.08.17 |
JavaScript: location 객체란? (0) | 2024.08.15 |
JavaScript : 모듈(module)에 대해서 (0) | 2024.08.14 |
JavaScript : 비동기 통신에 대해서 (Fetch & Axios) (0) | 2024.08.14 |
JavaScript : 비동기를 처리하는 방법 (Async / Await) (0) | 2024.08.13 |
JavaScript : DOM의 키보드 이벤트에 대해서 (0) | 2024.08.12 |