فصل طراحی ریسپانسیو و واکنشگرا خلاصه جلسه اول - آشنایی با طراحی رسپانسیو

سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

طراح ریسپانسیو »»  بتوانیم قالب که طراحی میکنیم  برای تمام اسکرین هایی که  هست مثل موبایل  خوب باشه و کاربرامون برای استفاده اش مشکلی نداشته باشن همچنین گوگل وب سایت هایی که ریسپانسیو رو رعایت میکنن رو برای سئو شون خوب درنظر میگیرد  

البته بعضی وب سایت ها مثل دیجی کالا میان و  طراحی ریسپانسیو رو رعایت نمیکنن به جاش یک اپ موبایل میزنن و کاربرا رو ترغیب میکنن که برا استفاده برن سمت اپ موبایلش 

MediaQury  شبیه به شرط های برنامه نویسی هستند 

@Media not|only mediaType and|not|only {

( media Feature ) {

  .my-code { ...  }

 }
}

@Media screen  and ( min-witdth : 500px ) and ( max-witdth : 700px ) {
.heaing {
  padding : 20 px 
 }
}

@Media screen  and ( witdth : 500px ) {
.heaing {
  padding : 20 px 
 }
}

Grid-system »»  که در سیستم استاندارد امروزی 12 ستونی هستش  همچنین طراحی ریسپانسیو باید بر حسب درصد باشد  که هر ستون ما می شود 8.33 درصد از container کلی مون هستش