مشکل ریسپانسیو در مرورگر سافاری
سلام وقتتون بخیر من یه وب طراحی کردم با مرورگر کروم اوکیه ریسپانسیوش هم کردم اما با مرورگر safari بهم ریخته اس می خوام مثله همون کروم باشه نمایشش که اگه کسی با ایفون هم باز کرد مشکلی نداشته باشه چیکار کنم؟
چطوری باید برای safari واکنش گرا بودن رو تعریف کنم من با مدیا کوئری ریسپانسیوش کردم میشه بیشتر توضیح بدید؟
@zghasemi891
سلام . منظورتون از بهم ریختگی چیه ؟ کلا همه مرورگر ها یک سری آپشن های دیفالت دارن که ممکنه سایت رو با کمی تفاوت نمایش بدن . معمولا برای اینکه پارامتر های اولیه یکسان باشه از css reset استفاده میکنن که تمامی سی اس اس های دیفالت مرورگر از بین بره.
کتابخانه های css هم پارامتر های شبیه css reset دارن . راجبش سرچ کنید متوجه میشید .
مورد بعدی اینکه بعضی تگ های جدید سی اس اس توی مرورگر های قدیمی درست نمایش داده نمیشه . مثلا باید واسه فایرفاکس های قدیمی -moz- ، کروم و سافاری های قدیمی -webkit استفاده بشه.
پیشنهاد میکنم این صفحه رو هم چک کنید .
https://www.w3schools.com/cssref/css3_browsersupport.asp
من از بوت استرپ استفاده کردم برای طراحی و همین طور استایل شخصی هم دادم و یه جاهایی رو علاوه بر بوت استرپ با مدیا کوئری ریسپانسیو کردم اما توی گوشی اپل مشکل داره