웹프로그램밍 자료실/HTML 자료
[해피CGI][cgimall] 크롬 Window Resizer + Screensiz 모바일 및 태블릿 사이즈별 확인
해피CGI윤실장
2019. 3. 18. 09:19
구글을 켠 뒤
옵션 > 도구더보기 > 확장프로그램 페이지 접속을 한 후
Chrome 웹스토어로 접속을 해주세요.
그리고 엡스토어에서 "Window resizer"키워드로
확장프로그램을 검색하신 뒤 내려받아 설치해주세요.
설치가 끝나면, 우측상단에 사이즈를 나타나는
아이콘이 추가로 생김을 확인할 수 있습니다.
이 아이콘을 누르게 되면
- 320 * 568 (iphone5)
- 375 * 667 (iphone6)
- 1024 * 768 (ipad)
- 1440 * 900 (laptop)
등등 디바이스별 사이즈목록이 나타남을
확인할수 있습니다.
원하는 사이즈를 클릭하게 되면 창크기가 자동으로
줄어들거나 늘어나게 되면서, 각 디바이스별로 어떠한
형태로 출력되게 되는지를 미리 확인할 수 있는 장점이 있습니다.
해당사이즈가 없는 경우에는
직접입력 또한 가능하게 됩니다.