טיפים לכלי פיתוח: איך בודקים שאילתות בקונטיינר ב-CSS

Sofia Emelianova
Sofia Emelianova

שאילתות בקונטיינרים של CSS היא התכונה החדשה ב-CSS שמפתחי האינטרנט מתלהבים ממנה. יכול להיות שהם יגרמו למהפכה בעיצוב האינטרנט – מעיצוב רספונסיבי שמבוסס על דפים לעיצוב רספונסיבי שמבוסס על קונטיינרים.

כלי הפיתוח ל-Chrome יעזרו לכם לאמץ דפוסי עיצוב חדשים של פריסה ולהישאר מעודכנים לגבי המגמות האחרונות. בעזרת התכונה הזו ב-CSS, עכשיו אפשר לבדוק ולפתור באגים בשאילתות הקונטיינר ב-DevTools.

בסרטון שלמעלה מופיעה סקירה כללית של שאילתות בקונטיינרים, התחביר שלהן והסבר על האופן שבו בודקים אותן ב-DevTools.

עכשיו אפשר למצוא רכיבי מאגר ורכיבי הצאצאים שלהם באמצעות התג המתאים, שמציג שכבת-על של קווים מקווקווים.

תג של קונטיינר.

בדיקת כללי @container שחלים על הצאצאים כשקונטיינרים עומדים בתנאי השאילתה.

כלל @container.

מידע נוסף על התמיכה בשאילתות של מאגרים בכלי הפיתוח זמין במאמר בדיקה וניפוי באגים של שאילתות של מאגרי CSS.