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

عبدو تكنولوجي - Abdou Technologie
20 أغسطس 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 ---*/




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



تعليقات
  • Ahmed Abderahman 13 مايو 2018 في 4:48 ص

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

  • Unknown 7 يونيو 2018 في 10:48 ص

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

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