טיפים לכלי פיתוח: איך בודקים שאילתות בקונטיינר ב-CSS
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
שאילתות בקונטיינרים של CSS הן התכונה החדשה ב-CSS שמפתחי האינטרנט מתלהבים ממנה. יכול להיות שהם יגרמו למהפכה בעיצוב האינטרנט – מעיצוב רספונסיבי שמבוסס על דפים לעיצוב רספונסיבי שמבוסס על קונטיינרים.
כלי הפיתוח ל-Chrome יעזרו לכם לאמץ דפוסי עיצוב חדשים של פריסה ולהישאר מעודכנים לגבי המגמות האחרונות. בעזרת התמיכה בתכונה הזו ב-CSS, עכשיו אפשר לבדוק ולפתור באגים בשאילתות הקונטיינר ב-DevTools.
בסרטון שלמעלה מופיעה סקירה כללית של שאילתות בקונטיינרים, התחביר שלהן והסבר על האופן שבו בודקים אותן ב-DevTools.
עכשיו אפשר למצוא רכיבי מאגר ורכיבי הצאצאים שלהם באמצעות התג המתאים, שמציג שכבת-על של קווים מקווקווים.
בדיקת כללי @container שחלים על הצאצאים כשקונטיינרים עומדים בתנאי השאילתה.
מידע נוסף על התמיכה בשאילתות של מאגרים בכלי הפיתוח זמין במאמר בדיקה וניפוי באגים של שאילתות של מאגרי CSS.
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2022-06-30 (שעון UTC).
[[["התוכן קל להבנה","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)."],[],[]]
