일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 솔루션
- #홈페이지제작
- #홈페이지
- #웹솔루션
- CGIMALL
- #happycgi
- #업종별
- #해피CGI
- 쇼핑몰
- 사이트제작
- 홈페이지
- 홈페이지제작
- 해피씨지아이
- #동영상
- php
- #jQuery
- happycgi
- #image
- #이미지
- 게시판
- #뉴스
- #쇼핑몰
- 해피CGI
- #cgimall
- jquery
- #솔루션
- 웹솔루션
- javascript
- CSS
- #CSS
- Today
- Total
웹솔루션개발 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)
등등 디바이스별 사이즈목록이 나타남을
확인할수 있습니다.
원하는 사이즈를 클릭하게 되면 창크기가 자동으로
줄어들거나 늘어나게 되면서, 각 디바이스별로 어떠한
형태로 출력되게 되는지를 미리 확인할 수 있는 장점이 있습니다.
해당사이즈가 없는 경우에는
직접입력 또한 가능하게 됩니다.
'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글
[해피CGI][cgimall] css의 text-shadow효과 모음 사이트 "Trendy CSS Text Shadows" (0) | 2019.03.25 |
---|---|
[해피CGI][cgimall] 배경이미지 여러개 다중 설정 멀티 background CSS (0) | 2019.03.19 |
[해피CGI][cgimall] CSS를 이용한 탭메뉴 (0) | 2019.03.08 |
[해피CGI][cgimall] Display flex를 이용한 컨텐츠 세로중앙정렬 (0) | 2019.03.04 |
[해피CGI][cgimall] 배경이미지 블러처리 연출법 Blurred Backgrounds (0) | 2019.02.26 |
Comments