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

标签 ios facebook browser safari in-app

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

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

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

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

谢谢,

西蒙

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

最佳答案

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

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

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

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

关于ios - Safari(应用内)浏览器破坏网站渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38568184/

相关文章:

ios - 从继承类访问父类(super class)属性

iphone - CoreData prepareForDeletion 被调用无限次

facebook - 在 Facebook 应用程序中使用 Google 字体

facebook - Facebook 图搜索正在搜索哪些字段?

html - 我可以在 A 标签上放置一个属性来获取链接以在新选项卡而不是同一窗口中打开吗?

ios - swift 3.1 中的 URL 编码

Facebook 开放图元标签最大内容长度

c# - 如何知道我的 .net 应用程序正在哪个浏览器上运行?

javascript - 使用 AJAX 从跨源服务器检索图像

ios - 从范围内仅获取一次随机数