일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- android studio
- CSS
- 프로그래밍
- 생활코딩 웹
- 안드로이드 앱
- BOJ
- 앱 프로그래밍
- Android programming
- BAEKJOON
- HTML
- 완강
- vscode
- 백준
- web
- 앱
- 안드로이드 개발
- 백준온라인저지
- 이지스퍼블리싱
- 코딩
- github
- 생활코딩
- 웹
- selector
- 안드로이드 공부
- 안드로이드 프로그래밍
- 앱 개발
- Java
- 코딩테스트
- C++
- tag
Archives
- Today
- Total
목록responsive web (1)
*반짝이는*이끌림
[생활코딩] WEB2(CSS_06) 반응형 디자인과 미디어 쿼리 소개
* Windows 운영체제 기준으로 작성되었습니다. * vs code editor를 사용합니다. § 반응형 디자인과 미디어 쿼리 소개 → Click! 이번에는 화면의 크기에 따라서 웹페이지들의 각 요소들이 반응해 최적화된 모양으로 바뀌게 하는 것, 반응형 웹, 반응형 디자인(Responsive Web)에 대해서 공부해봅시다! 그럼 CSS를 통해 구현하는 핵심적인 개념인 미디어 쿼리(Media Query)부터 알아봅시다. 일단 새로운 html 파일을 만들어보고, 화면의 크기에 따라서 특정 html의 요소를 보였다, 안 보였다하게 해보겠습니다. 일단 간단하게, 태그를 이용해 responsive 글자를 써주고, 반대로 media query의 코드를 max-width:800px로 바꾼다면, 화면의 최대 크기가 ..
Computer/Web
2020. 4. 23. 01:12