۱ emad ta
فصل طراحی ریسپانسیو و واکنشگرا خلاصه جلسه دوم معرفی مدیا کوئری‌ها در css۳
جامعه Html & CSS ایجاد شده در ۳۰ مرداد ۱۳۹۹

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

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

 

توضیح پیرامون  

1- media only screen @   

2- media not screen @

3- media screen@

 

اگر خواستیم بیاد و از  صفر شروع بکند میایم و از max‌ها استفاده میکنیم که از صفر شروع به شمارش میکند و اگر خواستیم بین دو مقدار شروع بکند از min و max استفاده میکنیم 

 

 

برای طراحی ریسپانسیو در وهله ی اول باید این تگ کدمون در html  فعال باشد 

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

 

 

تفاوت not و only  رو هم برای  mediaQuery ‌ها توضیح داده شد 

emad ta ۱۲ مهر ۱۳۹۹، ۲۱:۵۵