وسم viewport يجعل الصفحة تتجاوب مع شاشات الجوال:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

ماذا يحدث من دونه؟

متصفح الجوال يفترض أن الصفحة مصممة لشاشة كبيرة (حوالي 980px)، فيعرضها مصغّرة، ويضطر الزائر للتكبير بأصابعه، ولا تعمل قواعد CSS الخاصة بالجوال كما يجب.

شرح القيم

• width=device-width: عرض الصفحة = عرض شاشة الجهاز.
• initial-scale=1.0: دون تكبير أو تصغير عند الفتح.

لا تمنع التكبير بـ user-scalable=no، فبعض الزوار يحتاجون التكبير للقراءة.