A reszponzív webdesign megjelenése óta a fejlesztők folyamatosan kérik a DOM elemek tényleges méretük szerinti formázásának lehetőségét, ne pedig a böngésző nézetablakának méretét ( médialekérdezések használatával). Valójában a konténerlekérdezések (eredetileg elemlekérdezések) valószínűleg a leggyakrabban kért CSS-funkció, amely a böngészőkből még mindig hiányzik .
Vannak már sok , sok , sok hozzászólás, hogy pontosan elmagyarázni, hogy miért tartály lekérdezések megvalósítása nehéz CSS és miért böngésző gyártók vonakodnak végrehajtani őket. Ha most élvezni szeretné, egy kis JavaScript segíthet:
c51c33e1533e68c3f8fd24633700789f
Akkor az egész így néz ki:
See the Pen by David Vielhuber (@vielhuber) on CodePen.
A töréspontok , a választó és a stílus attribútumok segítségével meghatározhatók a különböző töréspontok, az automatikus választó és a hozzáadott osztályok típusa. Ha a szkriptet használja, az újonnan létrehozott osztályokat az alábbiak szerint kezelheti:
c51c33e1533e68c3f8fd24633700789f
A konténerlekérdezések használata különösen a fedvények, előugró ablakok, oldalsávok vagy egyéni elemek elemeinél érdemes – például most is, a fenti szkripttel.