반응형 웹 만들기

1. 모바일과 데스크톱 PC 인터넷 환경의 차이점 인식 - 이미지 사용 최소화 ( 인터넷이 느릴 경우 렉이 걸림 ) - 다양한 모바일 디바이스의 화면 크기 - 스마트폰 화면 가로 크기는 320~720px까지 다양하다. 데스크톱 PC처럼 가로 크기가 고정되어 있는 상태에서 CSS 작업을 하는 것은 이제 바람직하지 않다. - 중요 스마트폰으로 한정해 놓고 초점을 맞춰야 한다. - 링크의 롤오버 기능은 사용하지 않는다. - 모든 브라우저에서 모두 동일한 화면을 제공해 줄 필요는 없다. - 모든 브라우저에서 동일한 '정보'를 손상없이 제공해 준다는 '콘텐츠 지향'관점으로 만들어야 한다. 2. HTML 작업 - 심플한 시맨틱 마크업 - HTML 작업은 웹 표준에 입각해서 심플하면서도 분명하게 작업해야 한다. - header, article, footer 같은 엘리먼트들을 과감하게 사용한다. ( 단, 하위 브라우저에서도 UI가 깨지지 않도록 작업 ) - 뷰포트 메타데이터 일반적으로 스마트폰 브...

원문링크 : 반응형 웹 만들기