ReadmeGen - وسمة المنفذ

الخطوات العملية:

أضف الوشمة <"..."=meta name="viewport" content> داخل عنصر <head> المستند HTML الخاص بك.
حدد عرض وارتفاع المنفذ باستخدام "width" و "height"، على سبيل المثال: content="width=device-width, height=device-height".
يمكنك التحكم في إعدادات التكبير باستخدام "minimum-scale" و "maximum-scale" ، على سبيل المثال: content="minimum-scale=1.0, "maximum-scale=3.0.
اضبط initial-scale للتحكم في تكبير الصفحة عند تحميلها، على سبيل المثال: content="initial-scale=1.0".

@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
}

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