Cách chỉ định phụ thuộc phương tiện cho CSS style sheet

Sau đây là hai cách để chỉ định phần phụ thuộc phương tiện cho các biểu định kiểu

• Chỉ định phương tiện mục tiêu từ một biểu định kiểu với @media hoặc @import at-rules.
• Chỉ định phương tiện đích trong ngôn ngữ tài liệu.

Ví dụ

Hãy để chúng tôi xem 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>