크롬 뷰포트 테스트 tool

크롬에서 뷰포트 테스트하는 툴 
플러그인 주소를 소개해드립니다.

주소는 : https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh

플러그인을 설치하면 

Google Window Resizer

아래와 같이 관련 프로그램이 뜨구요.
크럼 오른쪽 하단에 보시면 뷰포트를 변경할 수 있는 아이콘이 하나 생깁니다.

뷰포트는 브라우저창에서 툴바와 탭 등을 제외한 순수 콘텐츠 영역을 의미하는 것이구요.
스크린크기는 디바이스에서 실제 디스플레이 영역을 말한답니다.

http://benfrain.com/easily-display-the-viewport-size-of-your-page-for-responsive-designs/
위의 사이트는 jquery로 만들어진 뷰사이즈를 보여주는 곳입니다.
참고하면 좋겠네요

점점 더 반응형웹에 대한 것은 중요성이 대두 되고 있네요 
그럼 즐거운 코딩 ^^