CSS @media rules

@media Rules specifies the target media types for a set of rules (separated by commas).

Example

Let’s look at an example @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 CSS @media rules. For more information, please follow other related articles on the PHP Chinese website!