إضافة وسم نافذة العرض القياسي | نافذة عرض المستخدم في لغة CSS

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

لإلغاء المحاكاة الوهمية لعرض 980px على الهواتف والأجهزة اللوحية، اعتمد معيار HTML5 وسماً قياسياً يوضع دائماً داخل رأس المستند <head> ويتكون من توجيهين أساسيين:

توجيه width=device-width: يأمر المتصفح بربط عرض نافذة التخطيط بالعرض المنطقي الحقيقي لشاشة الجهاز، مثل 390px على الهاتف أو 768px على الجهاز اللوحي.
توجيه initial-scale=1.0: يضبط مستوى التكبير الابتدائي عند فتح الصفحة لأول مرة بنسبة طبيعية كاملة دون تصغير تلقائي.

الصف 2 كود برمجي

HTML

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0">
  <title>Responsive Viewport</title>
</head>

جرّب بنفسك

الصف 3 ملاحظة هامة

HTML Viewport Meta Tag إضافة وسم نافذة العرض القياسي

شرح صفوف ومحتوى الفقرة

جميع فقرات هذا الدرس (نافذة عرض المستخدم في لغة CSS)