웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 크롬 Window Resizer + Screensiz 모바일 및 태블릿 사이즈별 확인 본문

웹프로그램밍 자료실/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)


등등 디바이스별 사이즈목록이 나타남을
확인할수 있습니다.

원하는 사이즈를 클릭하게 되면 창크기가 자동으로
줄어들거나 늘어나게 되면서, 각 디바이스별로 어떠한
형태로 출력되게 되는지를 미리 확인할 수 있는 장점이 있습니다.

 

 

 

해당사이즈가 없는 경우에는

직접입력 또한 가능하게 됩니다.



 

홈페이지바로가기

Comments