如何为CSS样式表指定媒体依赖项

以下是为样式表指定媒体依赖关系的两种方法

  • 使用@media或@import规则从样式表中指定目标媒体。

  • 在文档语言中指定目标介质。

示例

让我们看一个@media规则的例子-

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

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

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

   -->
</style>