PDA

View Full Version : سوال: تفاوت only screen و screen در طراحی ریسپانسیو



darkcms
سه شنبه 26 شهریور 1392, 20:32 عصر
با سلام.
یک سوال در رابطه با only screen و screen در طراحی ریسپانسیو دارم.
تفاوت دو کد زیر در چیست؟

media="only screen and (min-width: 401px)"

media="screen and (min-width: 401px)"
من زیاد جستجو کرده ام و به مطالبی هم در سایت stackoverflow.com دست یافته ام اما درست متوجه نشدم ، میشه گفت هر کسی چیزی نوشته است!

http://stackoverflow.com/questions/8549529/what-is-the-difference-between-screen-and-only-screen-in-media-queries

http://stackoverflow.com/questions/16402870/what-does-this-meant-media-only-screen-and-min-device-width-320px-and-max-d
لطفا راهنمایی کنید.
با تشکر از اساتید!

tadayoni
چهارشنبه 27 شهریور 1392, 10:35 صبح
تو اینجا توضیح داده شده
http://stackoverflow.com/questions/8549529/what-is-the-difference-between-screen-and-only-screen-in-media-queries

darkcms
چهارشنبه 27 شهریور 1392, 12:38 عصر
تو اینجا توضیح داده شده
http://stackoverflow.com/questions/8549529/what-is-the-difference-between-screen-and-only-screen-in-media-queries
با سلام.
خب خودم که آدرس را گذاشته بودم!!!:قهقهه::قهقهه::قهقهه:
منظورم این بود که واضح برایم توضیح بدهید.
با تشکر از پاسخگوی واقعی!

tadayoni
چهارشنبه 27 شهریور 1392, 13:57 عصر
منظور منم همین بود
جواب واقعی شما همون جاست . فقط شما باید یه مقداری هم به خودتون زحمت کوچکی بدید و دقت کنید تا پاسخ گوی واقعی خودتان باشید !!!
دوست عزیز توی همون آدرس اگه نگاه بکنید توضیح داده که screen برای زمانی استفاده میشه که شما توی تمامی موارد و ابزارها به دنبال اجرایی با رزولوشن حداکثر 400 پیکسلی بگردید (max-width) . مثلا وقتی شما اندازه مرورگر خودتون رو کوچک بکنید و حتی اون رو توی مانیتور با سایز بزرگ اما با مرورگری با اندازه کوچک صفحه اون نگاه کنید این تابع اجرا خواهد شد
اما only screen وقتی اجرا میشه که شماحتما اندازه رزولوشن مانیتورتون حداکثر 400 پیکسلی باشه . یعنی به عبارتی روی موبایل ها اجرا بشه

darkcms
چهارشنبه 27 شهریور 1392, 18:31 عصر
منظور منم همین بود
جواب واقعی شما همون جاست . فقط شما باید یه مقداری هم به خودتون زحمت کوچکی بدید و دقت کنید تا پاسخ گوی واقعی خودتان باشید !!!
دوست عزیز توی همون آدرس اگه نگاه بکنید توضیح داده که screen برای زمانی استفاده میشه که شما توی تمامی موارد و ابزارها به دنبال اجرایی با رزولوشن حداکثر 400 پیکسلی بگردید (max-width) . مثلا وقتی شما اندازه مرورگر خودتون رو کوچک بکنید و حتی اون رو توی مانیتور با سایز بزرگ اما با مرورگری با اندازه کوچک صفحه اون نگاه کنید این تابع اجرا خواهد شد
اما only screen وقتی اجرا میشه که شماحتما اندازه رزولوشن مانیتورتون حداکثر 400 پیکسلی باشه . یعنی به عبارتی روی موبایل ها اجرا بشه
با سلام و درود.
شما این مطالب را از کجا آورده اید؟
من خودم آن صفحه ها را خوانده ام و تا حدودی هم متوجه شده ام. اگر ما only بگذاریم مرورگر های قدمی تر استایل مورد نظر را اجرا نخواهند کرد و اگر only قرار ندهیم همه تلفن های هوشمند (آیفن ، آیپد) استایل را اجرا خواهند کرد.
من نمی دانم شما این اطلاعات را از کجای آن صفحات بدست آورده اید!!!:لبخند:
برای نقض حرف خودتان می توانید امتحان کنید. یک بار یک استایل را با only تعریف کنید و یکبار بدون only و متوجه خواهید شد که چه با مرورگر فایرفاکس و چه با مرورگر کروم هنگامی که اندازه ی مرورگر را تغییر میدهید استایل در هر دو حالت اجرا می شود.
وقتی یکبار امتحان کنید متوجه خواهید شد.
من فقط یک سوال دارم برای چی اصلا ما باید only بگذاریم؟ خب اگر مرورگر قدیمی است دیگر چه فرقی دارد استایل اجرا شود یا اجرا نشود؟
با تشکر از دوستان!