首頁  >  文章  >  web前端  >  如何指定 CSS 樣式表的媒體依賴項

如何指定 CSS 樣式表的媒體依賴項

PHPz
PHPz轉載
2023-08-31 12:21:021041瀏覽

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

以下是為樣式表指定媒體依賴關係的兩種方法

  • 使用@media從樣式表指定目標媒體或@import at -rules。
  • 指定文件語言中的目標媒體。

範例

讓我們看一下 @media 規則的範例 -

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

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

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

   -->
</style>

以上是如何指定 CSS 樣式表的媒體依賴項的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:tutorialspoint.com。如有侵權,請聯絡admin@php.cn刪除