반응형
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
- 스트림릿 기본
- 자바초보
- JavaScript
- 웹대시보드 제작
- streamlit
- 스트림릿
- 판다스
- Streamlit기본
- Pandas
- Android
- 파이썬공부
- Flutter
- 웹대시보드 기초
- 판다스공부
- db
- Streamlit기초
- 자바스크립트 공부
- RESTful API
- MySQL
- 안드로이드 스튜디오
- serverless
- 자바기초
- 자바프로그래밍
- 안드로이드 앱 개발
- 자바스크립트
- 파이썬
- 데이터베이스
- 자바
- java
- 자바공부
Archives
- Today
- Total
목록CSS Media Query (1)
ruriruriya
HTML CSS 미디어쿼리(Media Query)란?
CSS 미디어쿼리란? CSS 미디어쿼리는 브라우저의 환경에 따라 CSS 스타일을 적용하는 방법입니다. 미디어쿼리는 @media 키워드로 시작하며, 미디어 유형과 미디어 표현식을 괄호로 묶습니다. @media screen and (max-width: 600px) { /* 화면 너비가 600px 이하일 때 적용되는 CSS */ } 위 예시에서는 화면 너비가 600px 이하일 때 @media 블록 내의 CSS가 적용됩니다. CSS 미디어쿼리 활용방법 CSS 미디어쿼리는 화면 너비, 해상도, 장치 유형 등 브라우저의 환경에 따라 다양한 방식으로 활용할 수 있습니다. 다음은 몇 가지 예시입니다. 화면 너비에 따른 스타일링 화면 너비에 따라 다른 스타일을 적용하는 것은 CSS 미디어쿼리의 가장 기본적인 사용법입니다..
🖌️Web/CSS
2023. 9. 4. 23:29