모바일기기 반응형웹 & 스크린사이즈 반응형웹
| 모바일기기 | 스크린사이즈 | |
|---|---|---|
| 특징 | 접속하는 기기가 PC인지 Mobile 인지 판단하여 Mobile 인 경우 모바일에 최적화된 페이지를 보여주는 방식 | 사용자 디스플레이의 스크린사이즈(해상도)에 실시간으로 반응하여 레이아웃이 자동으로 변환되는 방식 |
| PC와 Mobile 웹 컨텐츠의 URL이 동일 | PC와 Mobile 웹 컨텐츠의 URL이 동일 | |
| 장점 | 콘텐츠의 우선 순위, 레이아웃 등 PC와 Mobile 각각 다르게 적용 가능 | PC와 Mobile 구분 없이 하나의 페이지만 제작 |
| 각 기기별로 최적화된 페이지를 만들기 때문에 가볍고 빠름 | ||
| 단점 | PC 웹페이지와 Mobile 웹페이지를 구분하여 따로 제작 | 콘텐츠의 구성을 PC와 Mobile 다르게 적용 불가능 |
| 모든 가능성을 고려하여 하나의 페이지에 담기 때문에 사이트가 무겁고 느림 | ||
| 사례 | 네이버 다음 | 유튜브 마이크로소프트 |
