Wiwit wis ana desain web sing responsif, pangembang wis takon babagan kemungkinan ngrancang elemen DOM adhedhasar ukuran asline lan dudu ukuran viewport ing browser (kanthi pitakon media ). Ing kasunyatan, pitakon sing (pisanan pitakon unsur) sing mbokmenawa fungsi CSS paling kon sing browser isih ora duwe .
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 migunani banget kanggo elemen ing overlay, popup, sidebars utawa elemen khusus - sanajan saiki, kayata, karo skrip ing ndhuwur.