bookmark_borderbookmark
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
בדוגמה השביעית, שלב כמה מהמושגים שכבר למדת כדי ליצור פריסה רספונסיבית עם רכיבי צאצא גמישים וממוקמים באופן אוטומטי. די מסודר. מונחי המפתח שכדאי לזכור כאן הם repeat, auto-(fit|fill) ו-minmax(), שאותם אתה זוכר באמצעות ראשי התיבות RAM.
שוב השתמשת ב-repeat(), אבל הפעם השתמשת במילת המפתח auto-fit במקום בערך מספרי מפורש. הפעולה הזו מפעילה את המיקום האוטומטי של רכיבי הצאצא האלה. לילדים האלה יש ערך מינימלי בסיסי של 150px, וערך מקסימלי 1fr. כלומר, במסכים קטנים יותר, הם יהיו ברוחב מלא של 1fr. כשהם מגיעים לרוחב של 150px, הם יתחילו לעבור לאותו קו.
עם auto-fit, כל הטראקים הריקים יתכווצו ל-0, והטראקים שמולאו יתפסו מקום בנפח האחסון שלהם. עם זאת, אם משנים את ההגדרה ל-auto-fill, טראקים ריקים תופסים שטח גדול כמו שהם מנצלים אם הם ימולאו:
[[["התוכן קל להבנה","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"]],["עדכון אחרון: 2023-10-25 (שעון UTC)."],[],[]]