QnAi로깅

미디어쿼리(Media Query)에서 min은 최소값(minimum)을 의미합니다. min-width, min-height, min-resolution과 같은 속성에서 사용됩니다.

예를 들어, 다음과 같은 미디어쿼리가 있다고 가정해보겠습니다.

cssCopy code
@media screen and (min-width: 768px) {
  /* 스타일 규칙 */
}

위 미디어쿼리는 뷰포트(viewport)의 최소 너비가 768px 이상일 때, 스타일 규칙이 적용됩니다. 즉, 뷰포트의 너비가 768px보다 작으면 이 미디어쿼리는 적용되지 않습니다.

min-width 속성은 뷰포트 너비가 최소값 이상일 때 스타일을 적용할 수 있도록 합니다. 이와 유사하게 min-height는 뷰포트 높이가 최소값 이상일 때, min-resolution은 최소 해상도 이상일 때, 스타일을 적용할 수 있도록 합니다.

따라서 min은 미디어쿼리에서 최소값 이상일 때 스타일을 적용할 때 사용되는 키워드입니다.