เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: วิธีตรวจสอบการค้นหาคอนเทนเนอร์ CSS

Sofia Emelianova
Sofia Emelianova

การค้นหาคอนเทนเนอร์ CSS เป็นฟีเจอร์ CSS ใหม่ที่นักพัฒนาเว็บตื่นเต้น ซึ่งอาจทำให้เกิดการเปลี่ยนแปลงครั้งใหญ่ในการออกแบบเว็บ จากการออกแบบที่ตอบสนองตามหน้าเว็บไปเป็นการออกแบบที่ตอบสนองตามอุปกรณ์ซึ่งอิงตามคอนเทนเนอร์

เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome พร้อมให้ความช่วยเหลือคุณในการใช้รูปแบบการออกแบบเลย์เอาต์ใหม่และติดตามเทรนด์ล่าสุด ขณะนี้คุณตรวจสอบและแก้ไขข้อบกพร่องการค้นหาคอนเทนเนอร์ในเครื่องมือสำหรับนักพัฒนาเว็บได้แล้วด้วยการสนับสนุนฟีเจอร์ CSS นี้

วิดีโอด้านบนแสดงภาพรวมของคําค้นหาคอนเทนเนอร์ ไวยากรณ์ และวิธีตรวจสอบในเครื่องมือสําหรับนักพัฒนาซอฟต์แวร์

ตอนนี้คุณค้นพบองค์ประกอบคอนเทนเนอร์และองค์ประกอบที่สืบทอดมาได้ด้วยป้ายที่เกี่ยวข้องซึ่งเปิด/ปิดการวางซ้อนเส้นประ

ป้ายคอนเทนเนอร์

ตรวจสอบกฎ @container ที่ใช้กับรายการที่สืบทอดเมื่อคอนเทนเนอร์เป็นไปตามเงื่อนไขการค้นหา

กฎ @container

ดูข้อมูลเพิ่มเติมเกี่ยวกับการรองรับการค้นหาคอนเทนเนอร์ในเครื่องมือสำหรับนักพัฒนาเว็บได้ที่ตรวจสอบและแก้ไขข้อบกพร่องการค้นหาคอนเทนเนอร์ CSS