مشکل ریسپانسیو در مرورگر سافاری

برای هر دو مرورگر واکنشگرایی رو صورت بدین و بررسی کنید که مشکل چی میتونه باشه.

چطوری باید برای safari واکنش گرا بودن رو تعریف کنم من با مدیا کوئری ریسپانسیوش کردم میشه بیشتر توضیح بدید؟

مرورگر سافاری هم مثل بقیه هستش. باید درست کار کنه:
https://caniuse.com/#search=%40media

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

من از بوت استرپ استفاده کردم برای طراحی و همین طور استایل شخصی هم دادم و یه جاهایی رو علاوه بر بوت استرپ با مدیا کوئری ریسپانسیو کردم اما توی گوشی اپل مشکل داره