반응형
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배경만들기
- NFT
- NFT솔라나
- 웹디자인예제
- 솔라나
- 솔라나NFT
- 서버
- html5popup
- 솔라나cookbook
- PostgresSQL
- nft예제
- grpc
- html5기초예제
- html5웹디자인예제
- html5웹디자인
- NFT개발
- solanaNFT
- html5포트폴리오예제
- 웹디자인
- 포트폴리오예제
- HTML5
- html5글자효과
- 웹예제
- 솔라나개발
- html5기초
- html5디자인예제
- pgpool
- 포트폴리오
- 이중화
- html5예제
Archives
- Today
- Total
목록html5모바일사이즈화면개발 (1)
Scikit Web
003 - html5 모바일 화면에 최적화된 화면
웹 디자인을 하다 보면 PC 에서 접속 하더라도 모바일 사이즈에 최적화 되어서 보여지게 만들어야 하는 경우가 있습니다. 모바일 화면이 다 다름에도 아무 문제 없이 보이게 할려면 이미 잘 만들어져 있어서 아무 문제가 없는 library를 사용하는 것이 좋습니다. 웹 디자인 또는 웹 개발을 한다면 Bootstrap 이라는 라이브러리의 사용은 필수 입니다. 거의 모든 반응형 UI가 되는 웹 서비스(유/무료)들의 경우에도 해당 라이브러리를 사용 하지 않는 경우는 거의 없습니다. 모바일 사이즈 최적화는 viewport 라는 메타 정보가 반드시 들어가야 합니다. 이번 예제 에서 중요한 부분은 가운데로 정렬시키는 class 입니다. HTML 삽입 미리보기할 수 없는 소스
웹디자인 고급/HTML5
2022. 4. 30. 12:09