반응형 웹문서를 테스트하는 사이트!! 반응형 웹문서를 작성 할때 다른 디바이스에서는 어떻게 보이나 궁금할때가 많죠? 반응형 웹문서를 테스트 할 수 있는 사이트가 있습니다. Troy Labs 링크를 타고 들어가면 사용방법이 쓰여있어서 너무 쉽게 설명이 되어있습니다. 좌측에서 디바이스를 선택 후 상단에 테스트 할 URL을 입력해주면 끝나요. 앞서 다룬 미디어 쿼리를 이용하여 다양한 디바이스에서 반응형 웹을 테스트해 보세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! [TIP/Blog] - [HTML/CSS] CSS의 Display속성 [TIP/Blog] - [HTML/CSS] CSS의 Position속성 [TIP/Blog] - [HTML/CSS] CSS의..

[HTML/CSS] CSS의 @media query 미디어 쿼리!! 본 포스팅은 우선 CSS의 작성법 이해했다는 가정하에 작성되었습니다. 잘 모르겠으면 관련 포스팅을 참조해주세요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] HTML에 CSS를 적용하는 방법!! [TIP/Blog] - [HTML/CSS] CSS의 Display속성 [TIP/Blog] - [HTML/CSS] CSS의 Position속성 [TIP/Blog] - [HTML/CSS] CSS의 Float속성 반응형 웹에 대해 아시나요? 스마트폰의 보급에의해 기존의 웹사이트를 모바일로 보기에는 무리가 있어 대형 포털사이트에서는 모바일에서 보기 편하도록 모바일 페이지를 별도로 만들었습니다. 예를 들어 http://m.naver.com ..