물리적 해상도와 화면 크기(인치)만 나와있을때, 논리적 해상도 구하는 방법
( 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
'퍼블리싱 > HTML | CSS | Javascript' 카테고리의 다른 글
스크롤바 위치 상하 반전시키기 change scroll bar position (0) | 2024.01.11 |
---|---|
폰트가 로딩되기 전 화면을 숨기는 가장 간단한 방법 (0) | 2023.12.12 |
jquery ui datepicker에 position 이슈가 있을때 (0) | 2023.11.29 |
window가 아닌 div의 스크롤 끝 감지 이벤트 (0) | 2023.11.28 |
inputmode 모바일 가상키보드 레이아웃 설정 (0) | 2023.09.22 |