반응형
크롬 확장 프로그램으로 크롬웹스토어(https://chrome.google.com/webstore/ )에서 "responsive inspector" 검색하면 된다.
https://chrome.google.com/webstore/detail/responsive-inspector-beta/memcdolmmnmnleeiodllgpibdjlkbpim?utm_campaign=en&utm_source=en-et-na-us-oc-webstrhm&utm_medium=et
Responsive Inspector allows inspecting page media queries.
*** THIS IS BETA VERSION, SO THINGS MAY BREAK *** Responsive Inspector is a simple Google Chrome extension that allows viewing media queries of visited websites. It is very useful when developing responsive web layouts as it can visually show what resolutions are defined in css stylesheets. In addition it also has following features: - pixel perfect browser resizing - taking and saving whole page screenshots - css media query code viewing - sharing web designs on Behance.net service as Work In Progress
https://chrome.google.com/
반응형
'프로그래밍 > Style & Design' 카테고리의 다른 글
[WEB] Responsive Website Design - The New Black (0) | 2013.05.03 |
---|---|
UI 패턴을 다룬 웹사이트 모음 (0) | 2013.04.25 |
[WEB] CSS, HTML Dictionary (0) | 2013.04.22 |
모바일 디바이스별 해상도 (0) | 2013.04.19 |
[WEB] responsive web Design (0) | 2013.04.15 |