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

يحيى · 20 مايو 2016

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

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

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

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

عبدالهادي الديوري · 20 مايو 2016

لا يتطلب الأمر جهدا كثيرا، وهو سهل في الحقيقة، أضف التالي إلى ملف 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">

السؤال