Safari(应用内)浏览器打破网站呈现

时间:2016-07-25 12:46:11

标签: ios facebook browser safari in-app

我在浏览器Safari(应用内)中遇到了一些问题。 我有一个网站http://www.instylebuzz.com完美运作。 不知何故,当我在应用内浏览器(特别是FB)中打开它时,我看到了我网站的不同版本

当我说不同的版本时,这意味着取决于浏览器版本(或者可能是应用版本),网站风格看起来不同。 这是对的,我的手机,平板电脑和桌面版本有很多不同,但不过,我不应该看到破碎的风格, 因为他们三个都很好。

所以,我的问题很简单,如何有效地定位应用程序内浏览器,知道用户代理可以更改每个应用程序版本/浏览器/操作系统版本? 如何在应用内浏览器中修复我的网站渲染。

我正在寻找这个解决方案的日夜, 如果有人知道/可以帮助解决我的问题,那将是非常友好的。

谢谢,

西蒙

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

1 个答案:

答案 0 :(得分:1)

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

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

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

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