Bagaimanakah Pertanyaan Media dalam Twitter Bootstrap 3 Mengawal Pelarasan Reka Letak Responsif?

Pelarasan Reka Letak Responsif dengan Pertanyaan Media dalam Twitter Bootstrap 3

Pertanyaan media ialah cara terbaik untuk mengawal penggayaan tapak web berdasarkan saiz skrin peranti. Ini boleh berguna untuk mencipta reka letak responsif, yang akan menyesuaikan diri untuk memuatkan saiz skrin yang berbeza.

Dalam Twitter Bootstrap 3, pertanyaan media digunakan untuk melaraskan beberapa elemen berdasarkan saiz skrin, termasuk saiz fon. Untuk menggunakan pertanyaan media, anda boleh menambah CSS berikut pada helaian gaya anda:

@media (min-width: 768px) {
  body {
    font-size: 14px;
  }
}

@media (min-width: 992px) {
  body {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  body {
    font-size: 18px;
  }
}

Pertanyaan media ini akan melaraskan saiz fon elemen badan berdasarkan saiz skrin. Pertanyaan media pertama akan digunakan apabila saiz skrin sekurang-kurangnya 768px, yang kedua akan digunakan apabila saiz skrin sekurang-kurangnya 992px dan yang ketiga akan digunakan apabila saiz skrin sekurang-kurangnya 1200px.

Anda boleh gunakan pertanyaan media untuk melaraskan penggayaan mana-mana elemen berdasarkan saiz skrin. Ini boleh berguna untuk mencipta reka letak responsif yang menyesuaikan diri dengan peranti yang berbeza.

Atas ialah kandungan terperinci Bagaimanakah Pertanyaan Media dalam Twitter Bootstrap 3 Mengawal Pelarasan Reka Letak Responsif?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!