How to specify media dependencies for CSS stylesheets

The following are two ways to specify media dependencies for a stylesheet

• Specify the target media from the stylesheet using @media or @import at -rules.
• Specify the target media in the document language.

Example

Let’s look at an example of a @media rule -

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

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

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

   -->
</style>

The above is the detailed content of How to specify media dependencies for CSS stylesheets. For more information, please follow other related articles on the PHP Chinese website!