[JavaScript] 자바스크립트에서 디바이스 화소 확인하기

092_자바스크립트에서 디바이스 화소 확인하기 [적용] 디바이스 화소 비율에 따라 제어 방식을 구분하고 싶을 때 고해상도 디바이스에서 큰 이미지를 사용하고 싶을 때 [문법] 속성 의미 반환 window.devidePixelRatio 화소 비율의 값 숫자 [내용] 고해상도 디바이스란 아이폰의 레티나(Retina) 디스플레이와 같이 화소 밀도(ppi)가 높은 디스플레이(HiDPI 디스플레이)를 말한다. 고해상도에 맞춰 처리 작업을 하지 않으면 해당 기기에서 사진 등이 뿌옇게 보이거나 화소가 깨져 보이는 현상이 발생할 수 있다. 디스플레이 해상도의 물리 화소 확인은 window 객체 devicePixelRatio 속성을 사용한다. const dpr = window.devicePixelRatio; 일반적인 디스..

2022.06.15