ذاكرة الوصول العشوائي (RAM) (تكرار، تلقائي، الحد الأدنى الأدنى)
bookmark_borderbookmark
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
بالنسبة إلى هذا المثال السابع، قم بدمج بعض المفاهيم التي تعلمتها بالفعل لإنشاء تنسيق سريع الاستجابة مع العناصر الفرعية المرنة التي يتم وضعها تلقائيًا. أنيق جدًا. المصطلحات الرئيسية التي يجب تذكّرها هنا هي repeat وauto-(fit|fill) وminmax()، والتي تتذكرها اختصار RAM (ذاكرة الوصول العشوائي).
أنت تستخدم repeat() مجددًا، ولكن هذه المرة، يتم استخدام الكلمة الرئيسية auto-fit بدلاً من قيمة رقمية صريحة. يتيح هذا الموضع التلقائي لهذه العناصر الفرعية. بالنسبة إلى هؤلاء الأطفال، لديهم قيمة الحد الأدنى الأساسية 150px وحد أقصى للقيمة 1fr، وهذا يعني أنه على الشاشات الأصغر حجمًا، سيشغلون عرض 1fr الكامل، وعندما يصل عرض كل منها إلى 150px، سيبدأون في التدفق على الخط نفسه.
في حال استخدام auto-fit، سيتم تصغير أي أغانٍ فارغة تمامًا لتصبح 0 وسيزداد عدد الأغاني التي تم ملؤها لتشغل مساحةً على غيرها. ومع ذلك، إذا تم تغيير هذا الإعداد إلى auto-fill، ستشغل المسارات الفارغة القدر نفسه من المساحة التي ستشغلها في حال الملء:
تاريخ التعديل الأخير: 2023-10-25 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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 (حسب التوقيت العالمي المتفَّق عليه)"],[],[]]