Quy tắc CSS @media

The @media quy tắc chỉ định các loại phương tiện đích (được phân tách bằng dấu phẩy) của một bộ quy tắc.

Ví dụ

Hãy để chúng tôi xem một ví dụ về quy tắc @media -

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

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

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

   -->
</style>