일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 격자형레이아웃
- Chrome
- 부트스트랩 구성요소
- bootstrap4
- 부트스트랩4
- bootstrap alert
- 부트스트랩
- 반응형홈페이지
- 절하는법
- html5r기본구조
- 반응형웹
- bootstrap 구성요소
- 반응형레이아웃
- 크롬개발자도구
- Alert
- 개발자도구
- 부트스트랩구성요소
- html5
- 탁주
- developertool
- bootstrap breafcrumb
- 불교예절
- 검색엔진봇
- bootstrap component
- 반응형테스트
- 반응형
- Bootstrap badge
- bootstrap
- 부트스트랩 badge
- Boowser width
Archives
- Today
- Total
목록Boowser width (1)
모래알 반응형웹
반응형 홈페이지를 만들 때 각각의 화면 너비에 맞게 반응형이 잘 되고 있는 지 확인할 필요가 있다.수많은 모바일 기기들을 모두 준비해서 하나하나 확인하는 것이 최상이겠지만 (실제로 이렇게 하는 사람들을 본 적이 있다.) 크롬 브라우저에서 간단하게 확인할 수 있다. 아래에 2개의 크롬 확장프로그램과 다음에서 제공하는 사이트를 소개한다. 하지만 가장 정확한 브라우저 사이즈 조절은 크롬의 개발자도구(F12) 에서 반응형을 체크하는 것이다.먼저 크롬 개발자 도구에 있는 내용을 살펴보자. 현재 화면에서 F12눌러서 개발자 도구를 띄우고 왼쪽 위의 아이콘을 클릭. 아래 화면에서 빨갛게 표시된 부분에 화면의 크기를 입력하면 가장 정확한 브라우저 사이즈로 현재의 웹페이지를 체크할 수 있다. Responsive Web ..
홈페이지제작 일반
2018. 3. 30. 15:04