Веб-дизайн может быть сложным делом. Когда вы рассматриваете все различные существующие браузеры, умноженные на различные версии каждого браузера, вы начинаете задаваться вопросом, как можно написать любую веб-страницу, которая работает правильно во всех случаях.

Как правило, хороший веб-дизайнер использует инструменты, в которых страница разрабатывается с использованием одной версии браузера, а затем отправляется в программное обеспечение, которое модифицирует страницу для работы с каждым типом браузера и более старыми версиями каждого типа. Когда веб-страница просматривается, условные выражения могут быть оценены, чтобы скорректировать различия в типах и версиях браузеров.

Кроме того, существуют службы, которые позволяют веб-дизайнеру просматривать веб-страницу с помощью одного типа браузера, но видеть, как страница будет выглядеть с использованием другого типа браузера. Таким образом, устраняется необходимость иметь все различные типы и версии браузеров, операционных систем, компьютеров, планшетов и телефонов для тестирования веб-страницы.

В вашем случае либо была допущена ошибка при тестировании этой веб-страницы, либо Instagram не полностью тестирует свои веб-страницы. Другими словами, эту веб-страницу можно переписать, чтобы использовать другое позиционирование, совместимое со всеми браузерами, или иметь условные выражения, которые подходят для Safari.

Перезагрузить из источника

Попробуйте попросить Safari перезагрузить все ресурсы страницы с исходного сервера. Сделайте это с помощью скрытого пункта меню:

В Safari удерживайте нажатой Optionклавишу и выберите «Вид» > «Обновить страницу из источника».

Это обеспечит загрузку всех файлов с исходного веб-сайта, а не из различных кешей. Иногда устаревший кэшированный файл может конфликтовать с частично перезагруженной страницей, вызывая странный макет, который вы видите.