أسئلة التقييم
تقييم الدرس 21: التصميم المتجاوب. إجاباتك تُحفظ تلقائيًّا على هذا الجهاز؛ أجب ثم اضغط «صحّح ورقتي».
1السؤال الأول: اختر الإجابة الصحيحة
1) أين يوضع سطر
viewport؟2) أي عرض أفضل لحاوية الصفحة؟
3) متى تصبح الخلفية صفراء؟
@media (max-width: 900px) { body { background: yellow; }}
4) اختصار وضع الجوال في أدوات
Chrome:5) علامة على صفحة غير متجاوبة في الجوال:
2السؤال الثاني: صح أم خطأ
1) التصميم المتجاوب يعني صفحة مختلفة لكل جهاز.
الصواب: خطأ
2)
min-width: 600px تعني 600 بكسل فأكثر.الصواب: صح
3)
img { max-width: 100%; } يمنع الصورة من الخروج عن حاويتها.الصواب: صح
4) سطر
viewport غير ضروري للجوال.الصواب: خطأ
3السؤال الثالث: أكمل الفراغات من القائمة المنسدلة
1) القاعدة الشرطية حسب عرض الشاشة تبدأ بـ .
الإجابة: @media
2) في طريقة «الجوال أولًا» نستخدم في الاستعلام .
الإجابة:
min-width3) لئلا تتجاوز الحاوية 1000 بكسل نكتب .
الإجابة:
max-width: 1000px4السؤال الرابع: أسئلة عملية
1) على جوال عرضه 400، كم عمودًا تظهر البطاقات؟
.cards { display: flex; flex-direction: column; }@media (min-width: 700px) { .cards { flex-direction: row; }}
أجب عن الأسئلة ثم اضغط «صحّح ورقتي».