6강에서 index 페이지를 간단하게 작성해 봤다. index는 그 홈페이지의 얼굴이기 때문에 사실은 훨씬 많은 복잡한 과정과 기법들이 요구 된다. 레이아웃을 이렇게 잡는다는 채험 정도로 생각 할 수 있다.
이번에 해야 될 건 모바일 페이지 작성이다. 모바일과 PC 브라우저에서 가장 큰 차이는 화면 크기다.
모바일은 화면이 훨씬 작지만 상대적으로 높은 해상도를 갖고 있다. 최근 출시되고 있는 5인치 남짓의 디스플레이는 과거 17인치 모니터와 해상도가 비슷하다.
만약 별다른 설정 없이 PC용 페이지를 모바일에서 봤다면 훨씬 작아진 이미지와 글씨를 볼 수 있다. 12px로 작성한 글이 모바일에서는 더 작게 보이지만 해상도를 기준으로 봤을 때는 같은 12px가 맞다. 그렇다면 모바일 페이지에서 폰트는 디스플레.....
