미디어 쿼리를 만드는 중이다.
@media (min-width: 992px){
...
}
@media (min-width: 768px){
...
}
@media (min-width: 576px){
...
}
..등등
그런데 값 적용이 아무리 안 되는 것이다.
알고보니 순서가 중요했다...^^
min-width를 오름차순으로 해야한다.
@media (min-width: 576px){
...
}
@media (min-width: 768px){
...
}
@media (min-width: 992px){
...
}
운 좋게 이때까지 올바른 순서로 했었는데 이번에 반대로 하면서 깨닫게 되었다.
정말 이런 기본도 몰랐다니 반성하게 된다.
320x100
'IT > HTML, CSS' 카테고리의 다른 글
| [CSS] Absolute 일 때 중간 정렬 (0) | 2021.01.02 |
|---|---|
| [html] video가 웹페이지에 안 나올 때 (1) | 2021.01.01 |
| [CSS] Custom properties (사용자 정의 속성) (0) | 2020.12.30 |
| [CSS] 수직/수평 정렬 (0) | 2020.12.30 |
| [HTML/CSS] 반응형 메뉴 제작 (Hoverable Dropdown) (0) | 2020.12.29 |