반응형
250x250
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- 포트폴리오예제
- 서버
- 웹디자인예제
- 솔라나
- 웹예제
- html5포트폴리오예제
- html5예제
- html5기초
- HTML5
- NFT솔라나
- 웹디자인
- 솔라나NFT
- pgpool
- solanaNFT
- NFT개발
- 포트폴리오
- html5popup
- html5기초예제
- NFT
- 이중화
- html5디자인예제
- 솔라나개발
- grpc
- nft예제
- 솔라나cookbook
- html5웹디자인예제
- html5글자효과
- html5웹디자인
- html5배경만들기
- PostgresSQL
Archives
- Today
- Total
Scikit Web
004 - html5 네이버 처럼 중간 고정 화면 만들기 본문
728x90
반응형
요즘은 모니터 해상도 및 크기가 너무 커지면서 홈페이지 디자인을 고려할 사항이 더 많아 졌습니다.
네이버의 경우에도 모니터 화면이 아무리 가로로 크게 늘어나도 모니터 중간에 일정 사이즈를 고정 시켜서 유지하고 있습니다.
Bootstrap 을 이용하여 네이버 처럼 화면 중간 고정 화면을 만드는 예제입니다.
non-reponse css의 경우 bootstrap3.4 에 최적화된 버전만 있는 듯 합니다.
See the Pen 004 - html5 네이버 처럼 중간 고정 화면 만들기 by Keun (@kwyuk) on CodePen.
728x90
반응형
'웹디자인 고급 > HTML5' 카테고리의 다른 글
| 006 - 안드로이드 처럼 웹 디자인 하기(Material Design Kit) (0) | 2022.05.09 |
|---|---|
| 005 - 슬라이더(Carousel) 라이브러리 Slick (0) | 2022.05.05 |
| 003 - html5 모바일 화면에 최적화된 화면 (0) | 2022.04.30 |
| 002 - html5 애니메이션 효과 Animate.css 사용하기 (0) | 2022.04.28 |
| 001 - jQuery QR Code 생성하기 (0) | 2022.04.24 |
'웹디자인 고급/HTML5' Related Articles
more
Comments