type="screen" چه کاری انجام می دهد

[behzadkhan]

با سلام

کار
media="screen"

در دستور زیر چیست؟



<link href="Styles/Style.css" rel="stylesheet" type="text/css" media="screen" />

با تشکر

[حمید . ه]

سلام
مشخص کننده اینه که استایل شما برای صفحات نمایشگره
مثلا میتونید از print استفاده کنید که یعنی مربوط به چاپگر
این لینک توضیح بیشتری داده
http://www.w3schools.com/css/css_mediatypes.asp

[behzadkhan]

با سلام

از پاسختان ممنونم.

به دلیل مبتدی بودن:
============
اگر می توانید بیشتر در این باره توضیح دهید.

با تشکر

[حمید . ه]

با سلام

از پاسختان ممنونم.

به دلیل مبتدی بودن:
============
اگر می توانید بیشتر در این باره توضیح دهید.

با تشکر

ببینید مثلا شما میخواید یک صفحه ای درحالت چاپ استایلش چیزی به جز استایل سایتتون باشه
مثلا شاید نیاز داشته باشید تا اندازه فونت در زمان چاپ صفحتون بزرگ تر از استایل روی صفحه نمایشگر باشه پس شما یک فایل استایل درست میکنید که داخل اون فونت رو بزرگ تر کردید و بعد به صفحتون با مشخصه media=print لینک میدید، حالا هر زمانی که صفحه شما برای چاپ ارسال میشه این استایل روش اعمال میشه
به همین ترتیب برای مشخصه های دیگه مثل screen
امیدوارم مفید بوده باشه

[behzadkhan]

با سلام

سوال:
================================================== =

آیا به عنوان مثال اگر یک کاربر با تبلت به سایت ما مراجعه کرد به جای اینکه استایل مانیتور را نشان دهد استایلی را که برای تبلت درست کرده ایم نشان می دهد؟

و برای بقیه دستگاه ها هم همینطوراست(البته به شرطی که برای هرکدام یک استایل جداگانه طراحی کنیم)
==============================================

با تشکر

[somaye-s]

بله
اگر اشتباه نکنم با استفاده از مدیا میشه برای نمایشگر های مختلف هم استایل جدا نوشت( ریسپانسیو و بوت استرپ) مثلا قطعه کد زیر که داخل فایل css نوشته میشه باعث میشه که صفحه وب ما داخل هر سایز نمایشگری یک استایل رو نشون بده.



/* Landscape mobile & down */@media (max-width: 30em) { }
/* Portrait tablet to landscape */@media (min-width: 30em) and (max-width: 50em) { }
/* Landscape to small desktop */@media (min-width: 50em) and (max-width: 68.750em) { }@media (min-width: 69em) and (max-width: 84.8em) { }


و لازم نیست برای هر دستگاه استایل جدا بنویسید , یک استایل کلی مینویسید و تغییرات لازم برای هر نمایشگری رو داخل کدهای بالا قرار میدید.

[حمید . ه]

با سلام

سوال:
================================================== =

آیا به عنوان مثال اگر یک کاربر با تبلت به سایت ما مراجعه کرد به جای اینکه استایل مانیتور را نشان دهد استایلی را که برای تبلت درست کرده ایم نشان می دهد؟

و برای بقیه دستگاه ها هم همینطوراست(البته به شرطی که برای هرکدام یک استایل جداگانه طراحی کنیم)
==============================================

با تشکر

بله دوستمون درست میگن
اون حالتی که شما برای استایلتون مثلا screen رو مشخص میکنید شامل تمام صفحات نمایشگر میشه چه تبلت، چه موبایل و هرچی
اما اگر شما میخواین که با تشخیص سایز یکسری استایل رو اعمال کنید مربوط میشه به بحث طراحی واکنشگرا (responsive design) که دوستمون لطف کردن نمونه کدهاشو گذاشتن
به این کدها media query میگن که با دستورات شرطی در داخل استایل به شما امکان کنترل استایل در سایزهای مختلف رو میده

[behzadkhan]

با سلام

همکاران محترم حمید . ه (http://barnamenevis.org/member.php?260151-%D8%AD%D9%85%DB%8C%D8%AF-%D9%87)
و somaye-s (http://barnamenevis.org/member.php?304474-somaye-s)

سوال:
======================================
media query در چه ورژن هایی از CSS تشخیص داده میشود؟

همچنین اگر مقدور می باشد کمی درباره آن کدها توضیح دهید؟
======================================

با تشکر

[حمید . ه]

با سلام

همکاران محترم حمید . ه (http://barnamenevis.org/member.php?260151-%D8%AD%D9%85%DB%8C%D8%AF-%D9%87) و somaye-s (http://barnamenevis.org/member.php?304474-somaye-s)

سوال:
======================================
media query در چه ورژن هایی از CSS تشخیص داده میشود؟

همچنین اگر مقدور می باشد کمی درباره آن کدها توضیح دهید؟
======================================

با تشکر

مدیاها از ورژن css3 معرفی شدند
سینتکس خاصی نداره
این لینک خیلی ساده و مفید توضیح داده
http://css-tricks.com/css-media-queries/

اینجا هم مطالب مفید و جامع تری رو میتونید مطالعه کنید
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries