טיפים לכלי פיתוח: איך בודקים שאילתות בקונטיינר ב-CSS
bookmark_borderbookmark
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
Sofia Emelianova
שאילתות בקונטיינרים של CSS היא התכונה החדשה ב-CSS שמפתחי האינטרנט מתלהבים ממנה. יכול להיות שהם יגרמו למהפכה בעיצוב האינטרנט – מעיצוב רספונסיבי שמבוסס על דפים לעיצוב רספונסיבי שמבוסס על קונטיינרים.
כלי הפיתוח ל-Chrome יעזרו לכם לאמץ דפוסי עיצוב חדשים של פריסה ולהישאר מעודכנים לגבי המגמות האחרונות. בעזרת התכונה הזו ב-CSS, עכשיו אפשר לבדוק ולפתור באגים בשאילתות הקונטיינר ב-DevTools.
בסרטון שלמעלה מופיעה סקירה כללית של שאילתות בקונטיינרים, התחביר שלהן והסבר על האופן שבו בודקים אותן ב-DevTools.
עכשיו אפשר למצוא רכיבי מאגר ורכיבי הצאצאים שלהם באמצעות התג המתאים, שמציג שכבת-על של קווים מקווקווים.
בדיקת כללי @container שחלים על הצאצאים כשקונטיינרים עומדים בתנאי השאילתה.
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2022-06-30 (שעון UTC)."],[],[]]