본문 바로가기

퍼블리싱/HTML | CSS | Javascript

모바일 기기 해상도 구하기

물리적 해상도와 화면 크기(인치)만 나와있을때, 논리적 해상도 구하는 방법
https://blog.naver.com/eirene100999/221652853751 참고)
https://foodchain.tistory.com/153 여기 정확한! 정보 있음


1. ppi 구하기
PPI = \sqrt{{가로 픽셀 수^2 + 세로 픽셀 수^2}} / \text{화면 크기 (인치)}}
(모르겠으면 챗gpt한테 물어보기. ex.'10.1인치 디바이스 해상도가 1920 x 1200 일때 ppi  구해줘' )

2.  모바일 디바이스 Pixel ratio 공식에 따라 계산
devicePixelRatio = 해당 디바이스 PPI / 150 PPI  (소수점자리가 길땐 반올림)

3. 물리적 픽셀에서 Device Pixel Ratio를 나누면 논리적 해상도 (픽셀) 이다.

ex. 주어진정보가 10.1인치 WUXGA(1920 x 1200) 일때
1.  ppi 계산 : 224.55 ppi  -> 소수점 버림으로 224ppi 
2. devicePixelRatio  : 224 / 150 = 1.493.... -> 소수점 반올림으로 1.5
3. 논리적 해상도 : 1920 / 1.5 = 1280 (세로는 1200 / 1.5 = 800)

 

어림짐작으로 잡으면 큰일난다.

특정 기기에 정확하게 맞춰야 하는경우 + 기기가 나한테 없는경우 정확하게 구해서 작업.

728x90