So legen Sie Medienabhängigkeiten für CSS-Stylesheets fest

Hier gibt es zwei Möglichkeiten, Medienabhängigkeiten für ein Stylesheet anzugeben.

• Verwenden Sie @media, um das Zielmedium aus dem Stylesheet anzugeben, oder @import at-rules.
• Geben Sie das Zielmedium in der Dokumentsprache an.

Beispiel

Sehen wir uns ein Beispiel einer @media-Regel an –

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

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

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

   -->
</style>

Das obige ist der detaillierte Inhalt vonSo legen Sie Medienabhängigkeiten für CSS-Stylesheets fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!