حل شده

تفاوت screen با only screen در css

بازدید174پست ها1آخرین فعالیت1 هفته پیش
0
2

سلام میخواستم بدونم فرق اینا یاهم چیه توی مدیا وقتی استفاده میکنیم بعضی جاها میبینم screenنوشتن بعضیا only screen فرقشونو متوجه نشدم سرچ هم کردم چیزی نفهمیدم ممنون.

1 پاسخ

2

سلام.

یه فرقی که دارن اینه که وقتی از only استفاده میکنیم منطورما این هست که حتما باید تمامی شروط بعد از اون برقرار باشه و مورد دوم اینه که وقتی استفاده میشه که بخوایم مدیایی که تعریف میکنیم برای مرورگرهای قدیمی تر نامفهوم باشه.

برای مثال اگر شما این کوئری رو داشته باشید: screen and (max-width: 500px) توی مرورگرهای قدیمی مثل IE8 اینطوری خونده میشه 'screen' و باعث میشه استایل توی همه ی سایز ها لود بشه.

و یه دستور مثل این:

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

توی یه مرورگر قدیمی اینطوری میشه:

 media="only"

و چون مرورگر قدیمی only رو نمیفهمه کلا منصرف میشه و اپلای نمیکنه.

امیدوارم کمک کننده بوده باشه.

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.