Sejak kemunculan reka bentuk web responsif, pembangun telah meminta keupayaan untuk menggayakan elemen DOM berdasarkan saiz sebenar mereka dan bukannya saiz port paparan pelayar (menggunakan pertanyaan media ). Malah, pertanyaan kontena (pada asalnya pertanyaan elemen) mungkin merupakan ciri CSS yang paling banyak diminta yang masih kekurangan pelayar.
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 amat berbaloi untuk elemen dalam tindanan, tetingkap timbul, bar sisi atau elemen tersuai - walaupun sekarang, contohnya, dengan skrip di atas.