دستور media

دستور media

ی دستور باحالی در css  هست به اسم media  این مدیا به ما امکان ی نوع شرط گذاری روی اندازه صفحه نمایش رو  میده. به نظر من خیلی کاربردیه و خیلی جاها برای ریسپانسیو کردن به کار میاد با کدنویس در ارتباط باشید.

دستور ساده ای هم داره که میتونید تو این لینک (w3school ) ببینید و اینم بدونید که این سایت  فوق العاده برای آموزش خوبه  حتما ازش استفاده کنید .

 

body {
background-color: yellow;
}

@media only screen and (max-width: 600px) {
body {
background-color: red;
}
}

با استفاده از این کد در فایل style.css  هنگامی که صفحه نمایش کوچیکتر از 600px بکگراند صفحه از زرد به قرمز تغییر میکنه.

 

 

تماس با ما