Браузер Safari (в приложении), разбирая веб-рендеринг

Question

У меня есть некоторые проблемы с браузером сафари (в приложении). У меня есть сайт http://www.instylebuzz.com работает отлично. Как-то я вижу очень разные версии своего сайта, когда открываю его в браузере в приложении (в частности, FB)

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

Итак, мои вопросы просты, как я могу эффективно настроить таргетинг в браузере в приложении, зная, может ли пользовательский агент изменить версию приложения/версию браузера/os? Как я могу исправить рендеринг своего веб-сайта в браузере в приложении.

Я ищу дни и ночи для этого решения, было бы очень мило, если кто-то знает/может помочь с моей проблемой.

Спасибо,

Simon

PS: для целей, вы должны проверить после рендеринга на веб-сайте, а не категорию или страницу.

Answer 1

Я знаю, что прошло уже некоторое время с этой темы. Но если кто-то сталкивается с проблемой, вот решение.

Поскольку сафари (в приложении) и Safari classic на iOS имеют разные стили браузера по умолчанию, если вы видите некоторые проблемы с CSS, это потому, что каждый браузер интерпретирует ваш css по-другому, и иногда это может быть не результат, которого вы ожидали.

Таким образом, вы можете использовать: Meyer Сбросить CSS, но вам, вероятно, придется поработать над вашим CSS, чтобы снова сделать все хорошо. https://meyerweb.com/eric/tools/css/reset/

Пользователь normalize.css https://necolas.github.io/normalize.css/