1. 디자인파일은 640px로 작업해야 한다.즉 포토샵 원본파일인 PSD는 가로 사이즈가 640px로 받는게 좋으며 퍼블리싱 작업할때에는 1/2크기인 320로 계산해서 작업한다.
또한 디자인된 모든 수치는 짝수여야 한다. 이미지는 640px상태의 이미지를 사용해야 한다.2. viewport를 설정해야 한다.device-width는 100% 스케일에서 CSS 픽셀들로 계산된 화면의 폭을 의미한다. user-scalable은 사용자가 해당 모바일 사이트를 멀티터치로 확대 축소 가능여부를 설정하는 것이다.
텍스트 콘텐츠 명도대비 항목으로 많은 색을 사용하고 싶다면 user-scalabel을 yes로 설정하고 사용자가 화면을 확대 할 수 있도록 한다.3. HTML5, CSS3의 기술을 적극..........
모바일웹(하이브리드 웹) 제작전에 알아야할 6가지 - Mobile Web에 대한 요약내용입니다.
자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.
