Sejak ada reka bentuk web yang responsif, pembangun telah bertanya tentang kemungkinan merancang elemen DOM berdasarkan ukuran sebenarnya dan bukan pada ukuran ruang pandang di penyemak imbas (dengan bantuan pertanyaan media ). Sebenarnya, pertanyaan wadah (pada mulanya pertanyaan elemen) mungkin merupakan fungsi CSS yang paling diminta yang masih belum dimiliki oleh penyemak imbas.
Sudah ada banyak , banyak , banyak catatan yang menjelaskan dengan tepat mengapa pertanyaan kontena sukar dilaksanakan dalam CSS dan mengapa pengeluar penyemak imbas ragu-ragu untuk melaksanakannya. Sekiranya anda ingin menikmatinya sekarang, sedikit JavaScript dapat membantu:
c51c33e1533e68c3f8fd24633700789f
Seluruhnya kelihatan seperti ini:
See the Pen by David Vielhuber (@vielhuber) on CodePen.
Titik putus , pemilih dan atribut gaya dapat digunakan untuk menentukan pelbagai titik putus, pemilih automatik dan jenis kelas yang ditambahkan. Sekiranya anda menggunakan skrip, anda dapat mengatasi kelas yang baru dihasilkan seperti berikut:
c51c33e1533e68c3f8fd24633700789f
Penggunaan pertanyaan kontena sangat berguna untuk elemen dalam tindanan, pop timbul, bar sisi atau elemen tersuai - bahkan sekarang, misalnya, dengan skrip di atas.