별도의 스타일 시트도 그렇지만, 아마 중요한 것은 서버쪽에서 어떻게 사용기기의 종류와 특성(화면폭 등)을 감지하느냐 일것 같습니다.
나중에 RESS 글에서 정리를 시도해보겠지만, 지금 당장 생각나는 것은,
(user-agent 문자열을 이용하여) 서버쪽에서 감지하는 류와
js 등으로 감지하여 서버쪽에 정보를 보내는 류로 나뉘는 것 같습니다.
근데 이런 서버측 코딩을 하게 되면, 사실 기기 감지해서 모바일 사이트로 보내는, 기존의 방법과 큰 차이가 없어지기는 하겠네요. ^^;
댓글 6개
only 서버사이드에서만 처리하는게 더 골아플 거 같다능...
나중에 RESS 글에서 정리를 시도해보겠지만, 지금 당장 생각나는 것은,
(user-agent 문자열을 이용하여) 서버쪽에서 감지하는 류와
js 등으로 감지하여 서버쪽에 정보를 보내는 류로 나뉘는 것 같습니다.
근데 이런 서버측 코딩을 하게 되면, 사실 기기 감지해서 모바일 사이트로 보내는, 기존의 방법과 큰 차이가 없어지기는 하겠네요. ^^;
javascript로 window resize 이벤트 바인딩을 하고
window width 값에 따라 body 등에 클래스를 줘서 처리하는 방법이 있습니다. 미디어 쿼리랑 비슷꼬롬한 ㅎ;;
얼마전 익스플로러에서 responsive 흉내를 내야해서 살짝 만든 녀석 링크합니다.
http://jsfiddle.net/bq8Kb/