Safari(应用内)浏览器破坏网站渲染

Safari (in-app) browser breaking website rendering

我在使用浏览器 safari(应用内)时遇到了一些问题。 我有一个网站 http://www.instylebuzz.com 运行良好。 当我在应用程序内浏览器(特别是 FB)中打开我的网站时,我以某种方式看到了非常不同的版本

当我说不同的版本时,这意味着根据浏览器版本(或者可能是应用程序版本),网站风格看起来不同。 是的,我的手机、平板电脑和桌面版本之间有很多差异,但尽管如此,我不应该看到损坏的样式, 因为他们三个造型都ok

所以,我的问题很简单,知道用户代理可以根据应用 version/browser/os 版本更改,我如何才能有效地定位应用内浏览器? 如何修复我的网站在应用程序内浏览器中呈现的问题。

我夜以继日地寻找这个解决方案, 如果有人 know/can 帮助解决我的问题,那就太好了。

谢谢,

西蒙

PS:出于目的,您应该检查网站上的 post 呈现,而不是类别或主页。

我知道这个帖子已经有一段时间了。 但如果有人遇到问题,这里是解决方案。

由于 iOS 上的 safari(应用内)和 Safari classic 具有不同的默认浏览器样式,如果您看到一些 css 问题,那是因为每个浏览器都会解释您的 css 方式不一样,有时可能不是你期望的结果。

因此,您可以使用: Meyer Reset CSS,但您可能需要在 CSS 上做一些工作才能使一切恢复正常。 https://meyerweb.com/eric/tools/css/reset/

用户normalize.csshttps://necolas.github.io/normalize.css/