نمونه کد

یک نمونه ساده از ویژگی media در تگ a

آزمایشگاه

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

برای تعیین کردن نوع بهینه سازی رسانه از ویژگی media استفاده می کنند.

نوع بهینه سازی ویژگی media بدین شکل می باشد که تعیین می کند آدرس رسانه، برای دستگاه های مانند iphone، windows یا طراحی گرافیکی است یا خیر.

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

# کروم ادج فایرفاکس سافاری اپرا
media=""

شیوه نگارش

مقدارهای ویژگی

مقادیر توضیحات
width عرض یک ناحیه را مشخص می کند که می توانید از پسوند های -min و -max برای آنها نیز استفاده کنید. نمونه: media="screen and (max-width:250px)"
height ارتفاع یک ناحیه را مشخص می کند که می توانید از پسوند های -min و -max برای آنها نیز استفاده کنید. نمونه: media="screen and (min-height:250px)"
device-width عرض صفحه نمایش را مشخص می کند که می توانید از پسوند های -min و -max برای آنها نیز استفاده کنید. نمونه: media="screen and (device-width:250px)"
device-height ارتفاع صفحه نمایش را مشخص می کند که می توانید از پسوند های -min و -max برای آنها نیز استفاده کنید. نمونه: media="screen and (device-width:250px)"
orientation جهت صفحه نمایش رو مشخص می کند که می توانید از مقادیر: عمودی یا منظره ای استفاده کنید. نمونه: رسانه="همه (جهت: افقی) "
aspect-ratio نسبت عرض به ارتفاع یک ناحیه را مشخص می کند که می توانید از پسوند های -min و -max استفاده کنید. نمونه: media="screen and (aspect-ratio:10/6)"
device-aspect-ratio نسبت عرض دستگاه (موبایل یا Pc) به ارتفاع یک صفحه نمایش را مشخص می کند که می توانید از پسوند های -min و -max استفاده کنید. نمونه: media="screen and (aspect-ratio:10/6)"
color تکه هارا در هر رنگ نمایش به کاربر مشخص می کند که می توانید از پسوند های -min و -max استفاده کنید. نمونه: media="screen and (color:5)"
color-index تعداد رنگ هایی را که صفحه نمایش هدف می تواند به کاربر نشان دهد را مشخص می کند که می توانید از پسوند های -min و -max استفاده کنید. نمونه: media="screen and (min-color-index:652)"
monochrome تکه های هر پیکسل را در ( فریم بافر ) تک رنگ مشخص می کند که می توانید از پسوند های -min و -max استفاده کنید. نمونه: media="screen and (تک رنگ:5)"
resolution تراکم پیکسل (dpi یا dpcm) ها را در صفحه نمایش مشخص می کند که می توانید از پسوند های -min و -max استفاده کنید. نمونه: media="print and (رزولیشن:500dpi)"
scan روش اسکن کردن کردن نمایشگر های تلویزیونی را مشخص می کند که می توانید از مقادیر پیشرو و درهم استفاده کنید. نمونه: media="tv and (scan:interlace)"
grid تعیین می کند که خروجی دستگاه به صورت شبکه ای باشد. مقادیر عبارت اند از: 1 برای شبکه ای و 0 برای هرچیز دیگری غیر از شبکه ای. نمونه: media="handheld and (grid:1)"