Bolehkah Pertanyaan Bekas Mengubah Saiz Elemen Secara Dinamik Berdasarkan Dimensi Div?

Bolehkah Pertanyaan Media Mengubah Saiz Elemen Secara Dinamik Berdasarkan Dimensi Elemen Div?

Pertanyaan media, ciri CSS untuk melaraskan elemen secara responsif berdasarkan skrin peranti dimensi, mempunyai had apabila digunakan pada elemen div dalam halaman web. Div ialah widget dengan saiz yang berbeza-beza dan mengubah saiz elemen berbanding dengannya memerlukan pendekatan yang berbeza.

Pertanyaan Kontena: Jawapan

Sebagai tindak balas kepada keperluan ini, CSS Berfungsi Kumpulan membangunkan pertanyaan kontena, lanjutan pertanyaan media. Pertanyaan bekas membenarkan gaya digunakan pada elemen berdasarkan gaya pembendungan elemen lain. Ini bermakna elemen kini boleh diubah saiznya berdasarkan dimensi div yang terkandung di dalamnya.

Cara Menggunakan Pertanyaan Bekas

Pertanyaan kontena menggunakan sintaks yang sedikit berbeza daripada pertanyaan media:

@container (container-name) {
  /* Styles */
}

Di mana nama bekas ialah nama yang diberikan kepada div yang mengandungi menggunakan sifat mengandungi.

Sokongan Penyemak Imbas

Pertanyaan kontena kini disokong dalam penyemak imbas moden seperti Chrome, Firefox dan Edge.

Kesimpulan

Pertanyaan kontena menyediakan penyelesaian yang berkuasa untuk mengubah saiz elemen secara dinamik berdasarkan saiz daripada elemen div yang mengandunginya. Ini membolehkan lebih fleksibiliti dan responsif dalam reka bentuk web tanpa had pertanyaan media.

Atas ialah kandungan terperinci Bolehkah Pertanyaan Bekas Mengubah Saiz Elemen Secara Dinamik Berdasarkan Dimensi Div?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!