Safari（应用内）浏览器破坏网站渲染

Posted 2023-02-23

【中文标题】Safari（应用内）浏览器破坏网站渲染

【英文标题】：Safari (in-app) browser breaking website rendering

【发布时间】：2016-07-25 12:46:11

【问题描述】：

我的浏览器 safari（应用内）有一些问题。 我有一个网站http://www.instylebuzz.com 运行良好。 不知何故，当我在应用内浏览器（特别是 FB）中打开我的网站时，我看到了非常不同的版本

当我说不同的版本时，这意味着取决于浏览器版本（或者可能是应用程序版本），网站样式看起来会有所不同。 是的，我的手机版、平板版和桌面版之间有很多差异，但无论如何，我不应该看到破碎的风格， 因为他们三个的风格都很好。

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

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

谢谢，

西蒙

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

【参考方案1】：

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

因为 ios 上的 safari（应用内）和 Safari 经典版具有不同的默认浏览器样式，如果您看到一些 css 问题，那是因为每个浏览器以不同的方式解释您的 css，有时可能不是结果你期望的。

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

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