تعریفی از مدیا کوئری
ارسال شده توسط arash
۱۳۹۹/۰۱/۰۴
147 بازدید

مدیا کوئری را می توان مثل یک شرط برای مرورگر دید که اگر آن شرط بر قرار باشد مرورگر استایل های مشخص شده را تفسیر و اعمال می کند.
مدیاکوئری چه کاری انجام می دهد؟
وقتی یک کاربر ، وب سایت را در دسکتاپ مشاهده می کند ، می توان رنگ متون آن صفحه وب قرمز باشد و وقتی در موبایل خود مشاهده کند ، به رنگ سبز درآید.
مثالی میزنیم :
مدیا کوئری ها بخشی از یک فایل css هستند. بیایید همان مثال قبل را بررسی کنیم. در این مثال گفتیم که می خواهیم رنگ متن سایت در دسکتاپ قرمز باشد و در موبایل سبزرنگ باشد.
p {color: green;
}
@media only screen and (min-width:900px)
{ p
{
color: red;
}
در استایل فوق، مدیاکوئری را تعریف کرده ایم و گفتیم که اگر عرض اسکرین دستگاه کاربر از ۹۰۰ پیکسل بزرگتر بود (min-width:900px)، رنگ متن قرمز شود.
}
مطالب زیر را حتما مطالعه کنید
اینماد شرایط و چگونگی دریافت نماد اعتماد الکترونیک Enamad + آموزش تصویری
اینماد - نماد اعتماد الکترونیک Enamad امروز قصد داریم اینماد...
ساختن یک وب سایت با Google Sites
ساختن سایت در گوگل یکی از خدمات مفید و پرکاربرد...
ریدایرکت 301 در مقابل 302 تغییر مسیر و سئو چرا و چگونه ؟
ریدایرکت 301 در مقابل 302 تغییر مسیر است که باید...
API مخفف چیست؟
به زبان ساده APIمخفف Application Programming Interface وبه معنی رابط...
HTTPS چیست ؟
یک پروتکل رمزنگاری شده است که در صفحات وبسایت برای...
معرفی سایت گرادینت
در سال های نزدیک به 2000 میلادی سبک ها و...
دیدگاهتان را بنویسید