Wiwit anané desain web responsif, para pangembang wis njaluk kemampuan kanggo nggaya elemen DOM adhedhasar ukuran asline tinimbang ukuran viewport browser (nggunakake kueri media ). Nyatane, kueri wadhah (asline kueri elemen) mbokmenawa minangka fitur CSS sing paling akeh dijaluk sing isih kurang saka browser.
Wis akeh , akeh lan akeh kiriman sing nerangake persis kenapa pitakon kontainer angel dileksanakake ing CSS lan kenapa produsen browser ora ragu-ragu ngleksanakake. Yen sampeyan pengin nikmati saiki, JavaScript sithik bisa mbantu:
c51c33e1533e68c3f8fd24633700789f
Kabeh perkara banjur katon kaya iki:
See the Pen by David Vielhuber (@vielhuber) on CodePen.
Atribut breakpoints , pamilih lan gaya bisa digunakake kanggo netepake macem-macem breakpoint, pamilih otomatis lan jinis kelas sing ditambahake. Yen sampeyan nggunakake skrip, sampeyan bisa ngatasi kelas sing lagi digawe kaya ing ngisor iki:
c51c33e1533e68c3f8fd24633700789f
Panggunaan pitakon kontainer utamane migunani kanggo unsur ing overlay, pop-up, sidebars utawa unsur khusus - sanajan saiki, contone, nganggo skrip ing ndhuwur.