제가 오늘 사이쪽의 배너를 모바일에서는 나타나면 안되서 아래와 같은 css를 추가했는데요.
@media (min-width: 1000px) {
.pcad {
display: none;
}
}
위와 같이 하니 반대 현상이 나타나서..
@media (max-width: 1000px) {
.pcad {
display: none;
}
}
이렇게 해주니 모바일에서는 안나오고 컴에서만 나오게 처리가 되었습니다.
궁금한게 저는 이런 조건에서는 안보이게 하고 싶다라고 해석하고 1000px 보다 작으면 아래 가 적용되라~ 라고 이해했는데 그게 아닌가 봅니다.
1000px 이하에서는 보이지 않게 한다의 의미는 정확히 어떻게 작성하는 것인가요? 결과적으로는 지금 아래쪽으로 하고 동작은 합니다.
0부터 최대 1000px 까지는 숨겨라 이게 맞는거군요.