HTML 모바일 지원

모바일 지원이란?

 

 

데스크탑 PC에서만 되는 웹이 태블릿 PC, 스마트폰에서도 웹의 보기 사이즈가 확대할 필요 없이 알맞게 지원한다는 뜻이다.

 

모바일에서도 지원하게 하려면 간단한 한 줄의 코드만 추가 해주면 가능하다.

 

 

 

 

 

 

응용하기 실습

 

 

 

위의 보이는 추가 된 2번째 meta 태그가 모바일 지원을 해주는 코드이다. 

 

 

 

저번에 실습했던 영화 평점을 선택하는 웹 페이지를 사용하여 모바일 지원 페이지를 구현을 해보았다.

 

 

좌측은 모바일 지원을 하지 않는 웹 페이지이고 우측은 모바일 지원을 위해 meta 정보를 추가한 웹 페이지이다. 스마트폰으로 확인한 결과 지원이 안되는 페이지는 터치를 이용하여 확대해야하지만 모바일 지원이 되는 웹 페이지는 확실히 스마트폰 화면으로 보기 편하다.