Bagaimanakah saya boleh menggunakan Pertanyaan Media dalam Bootstrap 3 untuk melaraskan saiz fon berdasarkan saiz skrin?

Menggunakan Pertanyaan Media dalam Twitter Bootstrap 3

Pertanyaan:

Dalam Bootstrap 3, bagaimana pertanyaan media boleh dilaksanakan untuk melaraskan saiz fon secara dinamik berdasarkan skrin saiz?

Respons:

Bootstrap 3 menyediakan pemilih khusus untuk menentukan pertanyaan media:

• @media(max-width:767px) : Peranti kecil tambahan (XS)
• @media(lebar min:768px): Kecil Peranti (SM)
• @media(min-width:992px): Peranti sederhana (MD)
• @media(min-width:1200px): Peranti besar (LG)

Sebagai contoh, untuk melaraskan saiz fon elemen pada peranti XS, gunakan:

@media (max-width: 767px) {
  .element {
    font-size: 12px;
  }
}

Nota: Untuk membantu menyahpepijat, anda boleh menambah HTML berikut pada halaman anda:

<span>

Atas ialah kandungan terperinci Bagaimanakah saya boleh menggunakan Pertanyaan Media dalam Bootstrap 3 untuk melaraskan saiz fon berdasarkan saiz skrin?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!