با ما تماس بگیرید

02188282137 09303019637

آدرس شرکت ایکاد وب

تهران , امیر آبادشمالی کوچه چهاردهم خیابان پرنده پلاک 9 واحد سوم

زمان و تاریخ

مهر ۶, ۱۴۰۰

تعریفی از مدیا کوئری

تعریفی از مدیا کوئری

مدیا کوئری را می توان مثل یک شرط برای مرورگر دید که اگر آن شرط بر قرار باشد مرورگر استایل های مشخص شده را تفسیر و اعمال می کند.

مدیاکوئری چه کاری انجام می دهد؟

وقتی یک کاربر ، وب سایت را در دسکتاپ مشاهده می کند ، می توان رنگ متون آن صفحه وب قرمز باشد و وقتی در موبایل خود مشاهده کند ، به رنگ سبز درآید.

مثالی میزنیم :

مدیا کوئری ها بخشی از یک فایل css هستند. بیایید همان مثال قبل را بررسی کنیم. در این مثال گفتیم که می خواهیم رنگ متن سایت در دسکتاپ قرمز باشد و در موبایل سبزرنگ باشد.

p {
color: green;
}

@media only screen and (min-width:900px)
{ p
{
color: red;
}
در استایل فوق، مدیاکوئری را تعریف کرده ایم و گفتیم که اگر عرض اسکرین دستگاه کاربر از ۹۰۰ پیکسل بزرگتر بود (min-width:900px)، رنگ متن قرمز شود.
}

ارسال نظر

آدرس ایمیل شما منتشر نخواهد شد.

جستجو

پروژه ها

قالب زیبای شرکتی ۳۰۱
طراحی سایت نماینده مجلس ۰۲
طراحی سایت نماینده مجلس ۰۱
طراحی مجله خبری تکنولوژی
کاور موزیک ۱۰۰۳
ست اداری کد ۱۰۰۱

دسته بندی پروژه ها

اطلاعات تماس

  • تهران، بزرگراه جلال آل احمد، گیشا، بین خیابان آرش مهر و پاتریس لومومبا، پلاک 18
  • 02188287272
  • [email protected]

ساعات کاری

پشتیبانی 24 ساعته در 7 روز هفته

شنبه
9:00 تا 16:00
یک شنبه
9:00 تا 16:00
دو شنبه
9:00 تا 16:00
سه شنبه
9:00 تا 16:00
چهار شنبه
9:00 تا 16:00
پنج شنبه
9:00 تا 13:00