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