ویژگی media در تگ source در HTML در وبسایت pnldev

نمونه کد

یک <picture> با دو فایل منبع و یک تصویر بازگشتی:

<picture>
  <source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
  <source media="(min-width:465px)" srcset="img_white_flower.jpg">
  <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>

آزمایشگاه

تعریف و کاربرد

این ویژگی برای تعیین نوع پیوند سند و اینکه برای چه دستگاه و رسانه ای بهینه شده است استفاده می شود.

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
media<source>

شیوه نگارش

<source media="media_query">