수다닷컴

검색해보면 많이 나옵니다. 스크립트로 하는 방식은 navigator.useragent 나 resize 로 검색하셔도 되구요. 미디어쿼리에 대해서 더 공부하시면 많이 나옵니다. 개인적으로 미디어쿼리가 정답은 아니지만, 더 추천 드리고 싶네요.

js으로 해야죠. 근데 js으로 구현할꺼라면.. 미디어쿼리로 하는게 효율적이라 보니..

미디어쿼리는 반응형을 쉽게 작업할 수 있게 만들어 주는 것일 뿐이고요
미디어쿼리대신 자바스크립트로도 처리 가능하고요
애시당초 모든 것을 넓이가 100%에 맞게 작업하면 미디어 쿼리같은 것들이 필요 없고요
다만 모든 것을 100%로만 작업을 할 수 있게 디자인이 나오는 것이 아니기 때문에 미디어 쿼리를 사용해서 작업하는 것을 권장하는 정도 입니다.

딱히 이렇다할 예제가 없고 처음 베이스 작업부터 여러가지 방법이 있다보니 지금은 부딪혀보시는게 좋을 듯 하

디바이스체크해서 css 뿌려주는 방식이나 스크립트 리사이징 방식을 어디서 배워야할지...ㅠ 아시면 url 이라도 부탁드립니다ㅠ

미디어쿼리만 추가해주면 반응형웹이 되는걸까요?

반드시 css3를 쓸필요는 없습니다. 흔히들 반응형이 미디어쿼리로만 되는줄 아는데 그건 아닙니다. 디바이스 체크해서 css뿌려주는 방식도 있고, 스크립트 리사이징을 통해서 css뿌려주는 방식도 있습니다.

아... 어렵네요ㅠ

반응형은 하나의 도메인에서 모든 기종에서 홈페이지를 볼수 있게 만드는 것이 반응형입니다.
CSS와 HTML버전은 상관없고요
CSS와 HTML간의 버전도 상관없습니다.
html5라고해서 CSS3을 반드시 쓸필요도 없고요
꼭 html5로 만들 필요도 없습니다.

다만 반응형 작업시 미디어 쿼리를 이용해야 하는데 IE는 9버전부터 지원을 하며 하위버전에 대해 구현가능한 스크립트가 있습니다.

미디어쿼리가 html5에 있는게 아니였군요. 전 html5에 있는줄.ㅠ

반응형이 미디어 쿼리 기반이 꼭되야하는데 그게 css3에 있죠.