اطار العرض للهواتف الذكية initial-scale-1










يجب أن يتضمن التصميم المتجاوب (Responsive) حتى يعمل بشكل صحيج مع كافة اجهزة الهواتف الذكية عند ادراجها ضمن عنصر

meta viewport في Header .
<meta name="viewport" content="width=device-width, initial-scale=1">



يؤدي استخدام قيمة meta viewport width=device-width إلى ابلاغ متصفح الهاتف بعرض التصميم بشكل أمثل و مناسب لجميع احجام الشاشات المختلفة سواء بالشكل الافقي او العمودي



لكن لا تستخدم الكود طالما موقعك ليس به تصميم متجاوب (UnResponsive) حتى لا يتسبب تداخلات في القيم بملف css