max-width와 min-width를 되던데로 쓰던 날들..
이번엔 정리해보도록 하자
1. min-width : 최소 width값 설정, 최소 width이상일때 적용되는 코드이다.
- 스마트폰같은 작은 사이즈에 사용
- 점차 확장시킨다.
2. max-width : 최대 width값 설정, 최대 width이하일때 적용되는 코드이다.
- 데스크탑용 큰 화면 사이즈에 사용
- 점차 축소시킨다.
출처:
https://studiomeal.com/archives/1004
반응형 웹, min-width와 max-width 중 어떤 것을 사용하는게 좋을까
글을 시작하기 전에..이 질문에 대한 답은 정답이 없으며, 작업자 개개인마다 선호하는 방식이 다를 수 있습니다. 이 글 역시 제 생각을 쓴 것이니 참고 삼아 봐주세요~ 반응형 웹을 만드는 요소
studiomeal.com
'Frontend > CSS' 카테고리의 다른 글
| 부트스트랩 에러 ✘ [ERROR] Could not resolve "@popperjs/core" (0) | 2023.05.17 |
|---|---|
| Tailwind CSS 간단하게 훑어보기 (0) | 2023.03.21 |
| Antd (Ant Design) CSS 간단하게 정리해보자 (0) | 2023.03.18 |
| CSS 전처리기 종류와 특징을 정리해보자 (0) | 2023.03.18 |
| 영어 -> 한국 으로 처리시 한국어가 세로로 나올때 (0) | 2022.06.02 |