Amióta reagál a webes tervezésre, a fejlesztők azt kérdezik, hogy lehet -e DOM -elemeket a tényleges méretük alapján tervezni, és nem a böngésző nézetablakának mérete alapján ( médialekérdezések segítségével). Valójában a tárolólekérdezések (kezdetben elemlekérdezések) valószínűleg a legkeresettebb CSS -funkciók, amelyekkel a böngészők még mindig nem rendelkeznek .
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 tárolólekérdezések használata különösen érdemes az átfedésekben, előugró ablakokban, oldalsávokban vagy egyéni elemekben lévő elemeknél - még most is, például a fenti szkripttel.