CSS 无法在 iPhone 上的 facebook 嵌入式浏览器中加载答案

【问题标题】：CSS doesn't load in facebook embeded browser on iPhoneCSS 无法在 iPhone 上的 facebook 嵌入式浏览器中加载
【发布时间】：2021-12-16 20:09:49
【问题描述】：

我在使用 facebook 嵌入式浏览器（仅限 iPhone）时遇到问题。随机用户报告网站上的某些页面在 facebook 嵌入式浏览器中加载不佳。

问题随机出现。随机用户，随机页面。页面加载，但它不加载或应用 CSS。常规 chrome 浏览器上没有控制台错误。

一开始我有一个报告，所以我以为是客户端的缓存问题，但我最近收到了另一个报告。

我们在 50 位用户上使用各种设备对此进行了测试。其中 2 个有问题，但在不同的页面上。 Android 用户从未报告过任何问题。

我会发布一些代码，但我不知道该发布什么，因为问题是随机出现的，而且在极少数情况下会出现。我自己从来没有经历过。我也试图寻找类似的报告，但我找不到。

有人在使用 fb 嵌入式浏览器时遇到过类似的经历或问题吗？

【问题讨论】：

能否分享您的网站网址，以便我在 iPhone 上查看？
你能发布你的代码吗？
遇到同样的问题，有人找到解决方案
@suneth 检查我的新答案
我在Android设备上也发生过类似的事情，在我的情况下它无法识别row-gap等一些属性，所以我选择使用margin，一定是因为facebook移动浏览器没有更新

【解决方案1】：

通过 Xcode 在调试模式下运行您的应用，以查看导致 Web 视图连接闪烁的原因。您提到的问题可能是由于网络从 wifi 转移 - 移动或反向。

【讨论】：

我根本无法重现这个问题。在大多数设备上都能正常工作。我可能有 2-3 份关于此的报告。全部来自 iPhone 6 和 7。即使用户多次刷新页面，问题仍然存在，无论是哪个网络。 Wifi 或 4g。

【解决方案2】：

这是一个艰难的过程！我认为这很可能是 facebook 的浏览器而不是您的网站的问题。也许等着看facebook下一次更新他们的应用程序并再次测试（我相信他们通常每两周更新一次他们的应用程序）。有时它可能是浏览器问题和不可靠的互联网连接的混合。

编辑：

如果您可以添加更多关于问题所在甚至是哪个网站的详细信息，我可以看看是否有任何潜在的问题？

【讨论】：

【解决方案3】：

对我来说，它是 css 链接标签的媒体属性。必须将其设置为所有。 https://www.w3schools.com/tags/att_link_media.asp

【讨论】：