CSS Paged Media Example

First Page

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            background-color: pink;
         }

         @media screen and (min-width: 480px) {
            body {
               background-color: lightgreen;
            }
         }
      </style>
   </head>
   <body>
      <h1>Resize the browser</h1>
      <p>The media query will only .....</p>
   </body>
</html>

Output

First Page