반응형 질문이요
늘봄
반응형을 연습하고 있는데요
제가 코딩 순서를 데스크탑 먼저 하고 미디어쿼리로 1024 800 640 480 순서로 나눠서 했습니다.
그런데....좀 수월하게 완성을 했다고 생각을 했는데IE 같은 경우엔 미디어쿼리를 읽지 못해서 반응형이 안된다는거...;;이 부분은 예상은 하고 있었지만 해결 방법이 있을거라 생각하고 작업 했어요 ㅎ;;
그리고 또 이것저것 찾아 보니까..모든 모바일이 미디어쿼리를 지원하는게 아니라는 것도 알게 됐거든요...;;; (오해소지 있게 적어서 삭제 ㅋ)일부 모바일은 미디워쿼리를 지원하지 않는다는 글을 봤거든요..;;
결론은 모든 브라우저가, 모든 모바일이 미디어쿼리를 지원하는것은 아님.(이 부분도 삭제 ㅋ)결론은 일부 브라우저, 일부 모바일이 미디어쿼리 지원하지 않는것이 있음이건데...
해결 방법이 있을까 해서 찾아봤는데요
1. 모바일을 미디어쿼리에 넣지 않고 먼저 코딩한다.2. 태블릿 이상 해상도를 미디어쿼리에 넣어 코딩한다.3. 2번같이 하면 미디어쿼리 지원안되는 브라우저가 있으니까 respond.min.js(IE6~8대응) 를 이용한다.
이런걸 봤는데.. 이렇게 하게 되면 반응이...모바일같은 경우 낮은 해상도별 모양이 다르게 반응형 하고 싶은데그렇게 안되고 처음 잡은 모바일로 코딩한 모양으로만 점차 줄어들고 늘어나기만 하는거뿐이잖아요...;;;
그래서 지금 어떻게 해결을 해야 하는건지 궁금해서요다른분들은 어떤식으로 작업을 하는지..위에 해결 방법이 있는지 알고싶습니다^^