반응형

반응형웹

스마트 기기에 대응하는 웹
ㅡㅡㅡㅡㅡ16:9ㅡㅡㅡㅡㅡ
-1920*1080
-A.css
데스크탑
랩탑
ㅡㅡㅡㅡㅡ4:3(3:4)ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
-960*-1280
-B.css
타블렛pc
ㅡㅡㅡㅡㅡ16:9(9:16)ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
-C.css*
-720*1280
노트

-480*860
스마트폰
ㅡㅡㅡㅡㅡ
미디어쿼리를 이용!

1080 960 720 480 360

1080 840 600 360
120 240 240 120차이