فصل طراحی ریسپانسیو و واکنشگرا خلاصه جلسه دوم معرفی مدیا کوئری ها در css۳

پرسیده شده
فعالیت 1306 روز پیش
دیده شده 593 بار
2

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

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

 

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

1- media only screen @   

2- media not screen @

3- media screen@

 

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

 

 

فایل پیوست

emad ta
emad ta

30 مرداد 99

2
حذف شده

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

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

 

 

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

فایل پیوست

emad ta

توسط

emad ta

12 مهر 99