Жооптуу веб -дизайн пайда болгондон бери, иштеп чыгуучулар DOM элементтерин браузердеги көрүү аянтчасынын өлчөмүнө эмес, чыныгы өлчөмүнө жараша долбоорлоо мүмкүнчүлүгүн сурашат ( медиа -сурамдардын жардамы менен). Чынында, контейнер сурамдары (башында элементтин суроолору), балким, браузерлерде дагы жок болгон эң көп суралган CSS функциясы.
Мурунтан эле бар көптөгөн , көптөгөн , көптөгөн так эмне үчүн контейнер суроолор түшүндүрүп билдирүүлөр CSS жана серепчи чыгаруучулар, аларды ишке ашыруу үчүн анча ынтызар эмес, эмне үчүн ишке ашыруу үчүн татаал болуп эсептелет. Эгер азыр ырахат алгыңыз келсе, кичине JavaScript жардам берет:
c51c33e1533e68c3f8fd24633700789f
Баары ошондо көрүнөт:
See the Pen by David Vielhuber (@vielhuber) on CodePen.
Чекит чекиттери , селектор жана стиль атрибуттары ар кандай чекит чекиттерин, автоматтык селекторду жана кошулган класстардын түрүн аныктоо үчүн колдонулушу мүмкүн. Эгерде сиз скриптти колдонуп жатсаңыз, анда жаңы түзүлгөн класстарга төмөнкүчө кайрыла аласыз:
c51c33e1533e68c3f8fd24633700789f
Контейнердик сурамдарды колдонуу өзгөчө катмардагы, калкып чыкмалардагы, каптал тилкелериндеги же ыңгайлаштырылган элементтер үчүн өзгөчө баалуу - азыр да, мисалы, жогорудагы скрипт менен.