반응형 웹 단계별 해상도(나누는 크기 기준)

1. 모바일: 320~767px

2. 타블렛/랩탑: 768~1199px

3. PC: 1024px~ 또는 1200px~

 

각 기기별로 화면 볼 수 있는 사이트

http://responsive.pixeltuner.de/

 

모바일 디바이스별 개발 해상도 및 Pixel Ratio 정리글 (2019 기종)

https://www.burndogfather.com/185

 

Pixel Ratio 계산방법

https://feel5ny.github.io/2018/05/13/mediaQuery_01/

 

+모바일 웹 작업 시, 양손 터치 기능 가능/불가능 여부 신경써야함. 

+iOS는 숫자 클릭 시 전화걸리는 경우 있음. <-meta 설정 해줘야함.