Media Queries: Media Types

Media Types dalam Media Queries memungkinkan kita untuk menargetkan berbagai jenis perangkat dan media tampilan. Berikut ini adalah pembahasan tentang Media Types beserta contohnya:

1. all

• Deskripsi: Digunakan untuk menargetkan semua jenis perangkat.

• Contoh Penggunaan:

  @media all {
    /* Aturan CSS yang akan diterapkan untuk semua jenis perangkat */
  }

2. print

• Deskripsi: Digunakan untuk menargetkan tampilan yang akan dicetak.

• Contoh Penggunaan:

  @media print {
    /* Aturan CSS yang akan diterapkan untuk tampilan yang akan dicetak */
  }

3. screen

• Deskripsi: Digunakan untuk menargetkan layar komputer, tablet, dan ponsel cerdas.

• Contoh Penggunaan:

  @media screen {
    /* Aturan CSS yang akan diterapkan untuk layar komputer, tablet, dan ponsel cerdas */
  }

Dengan menggunakan Media Types, kita dapat mengontrol tampilan halaman web sesuai dengan jenis media yang diinginkan, sehingga memberikan pengalaman pengguna yang lebih baik dan sesuai dengan kebutuhan.