Container Query Helper
Pumili ng parent class, container name, threshold, at fixed layout preset, pagkatapos kopyahin ang CSS.
123456
Paano gamitin
Paano gamitin
- Maglagay ng wastong ASCII CSS identifier at pumili ng threshold.
- Pumili ng column at gap para sa child layout.
- Suriin ang lokal na resize preview at kopyahin ang CSS.
Magkaparehang CSS contract
Naglalagay ng container-type: inline-size sa parent at named @container para sa child class. Walang arbitrary CSS body.
Hangganan ng lokal na preview
Maaaring i-resize ang sample container mula 100 hanggang 1200px. Malinaw na ipinapakita kapag hindi suportado.
Mga madalas itanong
Maaari mo ring alamin
Ano ang ginagawa ng parent declaration?
Ginagawang inline-size query container ang parent.
Maaari ba akong mag-paste ng sariling CSS?
Hindi. Fixed at ligtas na layout preset ang ginagamit.