• 1399/01/17

تفاوت خروجی در مرورگر های ویندوز و مک :

سلام استاد خسروجردی عزیز

استاد یه وب سایت طراحی کردم بوسیله Html Css و BootStrap 4 اما زمانی که خروجی میگیرم در مرورگر ویندوز یه جور نمایش میده اما در مک یه جور دیگه نمایش میده . و ی سری Css ها رو توی مک پشتیبانی نمیکنه

در مک :

در ویندوز :

در واقع در استارت کار هر دوصفحه متفاوت نمایش داده میشه

  • 1399/01/17
  • ساعت 10:23

با سلام خدمت شما همراه گرامی

 

از‌ مرورگر های یکسان استفاده میکنید در هر دو سیستم عامل؟


  • 1399/01/17
  • ساعت 10:58

بعله استاد در مک هم در کروم و هم در سافاری میریزه به هم 

این وب سایت هم برای کارفرما زدم و این ایراد رو گرفته


  • 1399/01/17
  • ساعت 10:59

منظورتون از تفاوت چی هست؟ من عکسارو میبینم زیاد تفاوت نمیبینم واقعیت


  • 1399/01/17
  • ساعت 11:02

استاد صفحه رو که خروجی میگیرم توی مک سکشن پایین هم نشون میده و در واقع به سکشن بعد تجاوز میکنه (Behind my skills)

اما توی ویندوز فقط سکشن هدر هست و تا پایان عکس رو فقط نمایش میده


  • 1399/01/17
  • ساعت 11:04

خب شما خودتون از ویندوز استفاده میکنید یا کار فرما?

الان این عکسی که توو ویندوز هست یکم اسکرول بشه بیاد پایین تر اون behind‌ نیست یعنی؟


  • 1399/01/17
  • ساعت 11:05

بنده خودم از ویندوز و کارفرما از مک

بعله استاد توی ویندوز سکشن بعد میاد اما کارفرما میخاد توی مک هم وقتی صفحه میاد بالا فقط سکشن هدر نمایش داده بشه و مثل ویتدوز باشه


  • 1399/01/17
  • ساعت 11:08

این ربطی به سیستم عامل نداره

به مرورگر‌ و اندازه اون و همچنین استایل های پیشفرض ربط داره که هرکدوم متفاوت هستن

 

اون مک ارتفاع صفحش زیاد تر هست و قاعدتا ارتفاع بیشتری رو میتونه ببینه

میتونید برای ارتفاع از vh استفاده کنید تا حدودی این مشکل حل بشه


  • 1399/01/17
  • ساعت 11:11

ممنون استاد از راهنماییتون

البته خودم حس میکنم مشکل از زوم صفحه مرورگر باشه چون الان زوم صفحه رو آوردم روی 80% و توی ویندوز هم مشابه مک شد

استاد شما بهترین هستید خیلی دوستون دارم

ان شا الله که همیشه سالم و موفق باشید


  • 1399/01/17
  • ساعت 11:13

خب طبیعیه دیگه د‌وست عزیزم زوم رو کم و زیاد کنید همون میشه

مک تراکم پیکسلی خیلی زیادی داره برای همین تصاویر رو خیلی کامل و وسیع نشون میده شما باید طراحیتون روی زوم ۱۰۰٪ انجام بشه در‌همه مرورگرها

مشکلو همون vh حل میکنه چون ارتفاع رو بر اساس ارتفاع سایز مرورگر مشخص میکنه

 

 

سلامت باشید دوست عزیزم


  • 1399/01/17
  • ساعت 11:20

دم شما گرم استاد


  • 1399/01/17
  • ساعت 11:23

سلامت باشید