모바일웹 브라우저 해상도사이즈 상세

1920x1080

Edge 브라우저 높이값 77px (상단 32px / 주소창 45px)

Firefox 브라우저 높이값 74px (상단 33px / 주소창 41px)

IE 브라우저 높이값 78px (상단 27px / 주소창 + 탭영역 51px)

Opera 브라우저 높이값 70px (상단 31px / 주소탕 49px)

Safari 브라우저 높이값 60px (상단 23 / 주소창 37

Chrome 브라우저 높이값 71px (상단 34px / 주소창 37px)

윈도우 10 기본 하단바 : 40px

1080px 높이값에서 55~77px 가려짐

 

결론 : 대략적으로 970~980 정도의 높이값을 웹디자인을 위해 사용가능

 

-------------------------------------------------------------------------------------

1600x900 

윈10 기본 하단바 40px

Chrome 상단바 103px

 

 

1366x768

윈10 기본 하단바 40px

Chrome 상단바 103px

 

 

 

아이폰 11 

해상도 414x896

사이즈: 828x1792 

DPR: 2.0

 

웹브라우저 컨텐츠 heigth : 896 - (92 + 82) = 722px

브라우저 (크롬)상단바 heigth : 92 px

하단 버튼바 heigth : 82px

 

폴더블 폰 모바일웹 브라우저 해상도 정보

기종	화면 사이즈 (W x H)	해상도 Phys. (W x H)	DPR (Device Pixel Ratio)
Galaxy Flip3	384 x 939	1080 x 2640  260 x 512	2.8125
Galaxy Flip2
Galaxy Flip	412 x 1004	1080 x 2636  112 x 300
Galaxy 폴드3	접힌화면 320 x 872  넓은화면 674 x 842	접힌화면 840 x 2289  넓은화면 1769.25 x 2210.25	2.625
Galaxy 폴드2	884 x 1104	1768 x 2208	2
Galaxy 폴드1	768 x 1076	1536 x 2152	2

 

 

 

IOS	해상도	DPR	브라우저 해상도 (px)	크롬			사파리			FireFox
				컨텐츠 Height	상단Bar (px)	하단 버튼Bar (px)	컨텐츠 Height	상단Bar (px)	하단 버튼Bar (px)	컨텐츠 Height	상단Bar (px)	하단 버튼Bar (px)
iPhone 11	828 x 1792	2	414 x 896	722 724	92	82	717 719	95	84
iPhoneX	1125 x 2436	3	375 x 812	632	92	88	633 635	95	84	632
iPhone 7+	1242 x 2208	3	414 x 736	620 622	45	71	620	45	71
										네이버
iPhone 6	750 x 1334	2	375 x 667				551	71	45
iPad Air	2048 x 1536	2	1024 x 768	-	-	-	671	97	0	665	103	0
안드로이드	해상도	DPR	브라우저 해상도 (px)	크롬			삼성브라우저			Firefox
				컨텐츠 Height	상단Bar (px)	하단 버튼Bar (px)	컨텐츠 Height	상단Bar (px)	하단 버튼Bar (px)	컨텐츠 Height	상단Bar (px)	하단 버튼Bar (px)
Galaxy Note 9	1440 x 2960	4	360 x 740	628	70	42	592	64	84
			360 x 640	528	70	42	492	64	84
Galaxy Tab Adbanced2		2	1280 x 800
										네이버
Galaxy 제니레드	1080 x 2400	3	360 x 800							643	66	91 (46 + 45)
GalaxyS10 5G			412	725
V20 (LG-F800K)	1440 x 2560 (1440 x  2392)	4	360 x 640 (360 x 598)	517 518	81	42	-	-	-	518	80	42
옵티머스 G2 (LG- F320K)	1080 x 1920		360 x 640	508 511	83	49	519
				크롬						Firefox
옵티머스 G	767 x 1280		384 x 640	558 559	82	0				567
Galaxy S3			360 x 640

 

18:9(2:1)

• 2160 x 1080
  • LG Q6, LG Q7
  • 구글 픽셀 3
• 2880 x 1440 
  • LG G6
  • 구글 픽셀 2 XL,
  • LG V30, LG V35

 

18.5:9

• FHD 1080 x 2220 (360 x 740)
  • Galaxy A8(2018)
  • Galaxy A8+(2018)
  • Galaxy A8 Star
  • Galaxy A9(2018)
• QHD 1440 x 2960
  • Galaxy S8  (360 x 740)
  • Galaxy S8+
  • Galaxy S9  (360 x 740)
  • Galaxy S9+
  • Galaxy 노트8
  • Galaxy 노트9  (360 x 740)

 

19:9

• HD 720 x 1520 (360 x 760)
  • Galaxy A10e 
• FHD 1080 x 2280 (360 x 760)
  • Galaxy S10e
  • Galaxy 노트10
•  QHD 1440 x 3040
  • Galaxy S10
  • Galaxy S10+
  • Galaxy S10 5G
  • Galaxy 노트10+

 

19.3:9

• QHD 1440 x 3088
  • Galaxy 노트20 Ultra

 

20:9

• FHD 1080 x 2400 (360 x 800)
  • Galaxy A70
  • Galaxy A80
  • Galaxy A90
  • Galaxy A21
  • Galaxy A31
  • Galaxy A41
  • Galaxy A51
  • Galaxy A71
  • Galaxy 노트20
• QHD  1440 x 3200
  • Galaxy S20
  • Galaxy S20+
  • Galaxy S20 Ultra

 

19.5:9 (13:6)

• 5.8 inch (2436 x 1125) - HDR AMOLED
  • iPhone X
  • iPhone XS
  • iPhone 11 Pro
• 5.9 inch 1080 x 2340
  • 갤럭시 A40
• 6.1 inch 3120 x 1440
  • LG G7 ThinQ - HDR IPS LCD
  • LG G8 ThinQ - HDR AMOLED
• 6.4 inch - HDR AMOLED
  • LG V50S ThinQ (1080 x 2340)
  • LG V40 ThinQ (1440 x 3120)
  • LG V50 ThinQ (1440 x 3120)
• 6.5 inch (2688 x 1242) - HDR AMOLED
  • Phone XS Max
  • iPhone 11 Pro Max

 

• 6.1 inch (1792 x 828) - IPS TFT-LCD
  • iPhone XR
  • iPhone 11
• 6.4 inch 1080 x 2340
  • 갤럭시 A9 Pro
  • 갤럭시 A30
  • 갤럭시 A50

 

 

20.5:9

• FHD (2460 x 1080)
  • LG V60 ThinQ
  • LG VELVET