bookmark_borderbookmark
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Sofia Emelianova
Kueri penampung CSS adalah fitur CSS baru yang menarik bagi developer web. Hal ini dapat memicu revolusi dalam desain web—dari desain responsif berbasis halaman hingga desain responsif berbasis penampung.
Chrome DevTools hadir untuk membantu Anda mengadopsi pola desain tata letak baru dan terus mengikuti tren terbaru. Dengan dukungan fitur CSS ini, Anda kini dapat memeriksa dan men-debug kueri penampung di DevTools.
Video di atas memberikan ringkasan tentang kueri penampung, sintaksisnya, dan cara memeriksanya di DevTools.
Anda kini dapat menemukan elemen penampung dan turunannya dengan badge yang sesuai yang mengalihkan overlay garis putus-putus.
Periksa aturan @container yang diterapkan ke turunan saat penampung memenuhi kondisi kueri.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2022-06-30 UTC."],[],[]]