CSS @미디어 규칙

@미디어 규칙은 규칙 집합의 대상 미디어 유형(쉼표로 구분)을 지정합니다.

예시

@media 규칙의 예를 살펴보겠습니다 -

<style>
   <!--
      @media print {
         body { font-size: 10pt }
      }

      @media screen {
         body { font-size: 12pt }
      }

      @media screen, print {
         body { line-height: 1.2 }
      }

   -->
</style>