الطريقة الصحيحة لجعل قالب بلوجر متجاوب و متوافق مع شاشات الهواتف و الاجهزة اللوحية الذكية

20‏/08‏/2017

الطريقة الصحيحة لجعل قالب بلوجر متجاوب و متوافق مع شاشات الهواتف و الاجهزة اللوحية الذكية

الطريقة الصحيحة لجعل قالب بلوجر متجاوب و متوافق مع شاشات الهواتف و الاجهزة اللوحية الذكية


السلام عليكم اليوم اقدم لكم شرح لكيفية جعل قالبك على بلوجر متجاوب مع الاجهزة الذكية بطريقة سهلة اكواد المستعملة في الشرح كلها هنا


رابط الموقع المستعمل من هنا





أكواد ستايل




 @media screen and (max-width : 1280px) {
/* CSS CODE HERE FOR DESKTOP ---*/

}

@media screen and (max-width : 1024px) {
/* CSS CODE HERE FOR TABLETS ---*/

}

@media screen and (max-width : 768px) {
/* CSS CODE HERE FOR SMALL TABLETS ---*/

}

@media screen and (max-width : 640px) {
/* CSS CODE HERE FOR IPHONE ---*/

}

@media screen and (max-width : 480px) {
/* CSS CODE HERE FOR SMARTPHONES ---*/

}

@media screen and (max-width : 320px) {
/* CSS CODE HERE FOR SMALL MOBILES ---*/
}










اذا اعجبك الشرح لا تنسى الاشتراك في القناة اسفل هذه الكتابة



مشاركة

2 تعليق

أي درس القائمة و جعلها متجاوبة

أي درس القائمة و جعلها متجاوبة

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع

الرموز الانفعاليةالرموز الانفعالية