پرسش‌های رسانه‌ای یکی از ویژگی‌های ورق سبک آبشاری (CSS) است که محتوای صفحه وب (Webpage) را قادر می‌سازد تا با اندازه‌ها و وضوح‌های مختلف صفحه نمایش سازگار شود. آنها بخش اساسی طراحی وب سایت ریسپانسیو (Responsive Web Design) هستند و برای سفارشی‌سازی ظاهر وب‌سایت‌ها برای چندین دستگاه استفاده می‌شوند.
پرسش‌های رسانه ممکن است در زبان نشانه گذاری فرامتن (HTML) صفحه وب درج شوند یا شامل شوند. در یک فایل ورق سبک آبشاری (CSS) جداگانه که توسط صفحه وب ارجاع داده شده است. در زیر مثالی از یک درخواست رسانه ساده آورده شده است:
صفحه رسانه@ و (max-width: 768px) { header { height: 70px; } مقاله { font-size: 14px; } img { max-width: 480px; } }
در صورتی که پنجره مرورگر اینترنت (Web Browser) کاربر 768 پیکسل (Pixel) باشد، درخواست رسانه بالا فعال می‌شود. گسترده یا کمتر اگر پنجره خود را در رایانه رومیزی کوچک کنید یا اگر از یک دستگاه تلفن همراه مانند تبلت (Tablet) برای مشاهده صفحه وب استفاده می کنید، ممکن است رخ دهد.
در طراحی وب واکنشگرا، رسانه ها کوئری ها به عنوان فیلتر برای اندازه های مختلف صفحه عمل می کنند. مانند همه ماژول‌های درون یک شیوه نامه آبشاری، آنهایی که در پایین‌تر فهرست ظاهر می‌شوند، موارد بالای خود را لغو می‌کنند. بنابراین، سبک‌های پیش فرض (Default) معمولاً ابتدا در یک سند CSS تعریف می‌شوند و سپس درخواست‌های رسانه برای اندازه‌های مختلف صفحه نمایش تعریف می‌شوند. برای مثال، ممکن است ابتدا سبک‌های دسکتاپ تعریف شوند، پس از آن یک پرسش رسانه با سبک‌ها برای کاربران رایانه لوحی، و سپس یک پرسش رسانه طراحی‌شده برای کاربران گوشی هوشمند (Smartphone). همچنین ممکن است سبک‌ها به ترتیب مخالف تعریف شوند، که توسعه «اول تلفن همراه» در نظر گرفته می‌شود.
در حالی که min-width بسیار رایج‌ترین ویژگی مورد استفاده است. در پرسش های رسانه ای، بسیاری دیگر نیز در دسترس هستند. مثال‌ها عبارتند از min-device-width، min-device-height، aspect-ratio، max-color-index، حداکثر وضوح، جهت، و رزولوشن. برای مثال، مقدار رزولوشن ممکن است برای شناسایی نمایشگرهای HiDPI (مانند نمایشگر رتینا (Retina Display)) و بارگیری گرافیک‌های با وضوح بالا به جای تصاویر استاندارد استفاده شود.
تعریف داستان های رسانه (Media Queries) در این صفحه یک تعریف پایه نگاشته شده توسط تک بورد است. اگر مایل به ارجاع به این صفحه یا استناد به این تعریف هستید، با شرط درج لینک به این صفحه می توانید از این محتوا استفاده کنید.
هدف تک بورد توضیح اصطلاحات کامپیوتری به روشی است که به راحتی قابل درک باشد. ما برای سادگی و دقت با هر تعریفی که منتشر می کنیم تلاش می کنیم. اگر بازخوردی درباره تعریف داستان های رسانه (Media Queries) دارید یا می‌خواهید یک اصطلاح فنی جدید پیشنهاد کنید، لطفاً با ما تماس بگیرید.
آیا می خواهید اصطلاحات فنی بیشتری یاد بگیرید؟ در خبرنامه روزانه یا هفتگی مشترک شوید و شرایط و آزمون های ویژه را در ایمیل خود تحویل بگیرید.