Браузер Safari (в приложении) нарушает рендеринг веб-сайта

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

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

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

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

Спасибо,

Саймон

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


person yofisim    schedule 25.07.2016    source источник


Ответы (1)


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

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

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

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

person yofisim    schedule 06.07.2017