• 0

كيفية تغيير حجم الخط أثناء برمجة موقع تفاعلي؟

حاليا أقوم بتكويد موقع و أعمل بـالـ Media Queries ..

أريد كلما يتم تصغير حجم النافدة أن يتم تصغير الخط أوتوماتيكيا

يمكن أن أقوم بهذه العملية بالـ @media لكن تتطلب كود وجهد كثير 

هل هناك طريقة للقيام بالأمر ؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

لا يتطلب الأمر جهدا كثيرا، وهو سهل في الحقيقة، أضف التالي إلى ملف css الخاص بك:

@media only screen and (max-width: 500px) {
    body {
        font-family: 12px;
    }
}

غير body إلى الوسم الذي تستهدفه، وغير 500px إلى حجم الشاشة الذي ترغب بتغيير حجم الخط عند الوصول إليه.

تأكّد من أن تُضيف السّطر التّالي داخل وسم <head> في ملف HTML.

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

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن