通过Heroku部署时，CSS在Safari上中断，但在本地完美运行？

Question

所以我目前在Heroku上部署了一个Rails应用程序。通过Chrome在生产和本地查看时，CSS样式的工作非常完美。但是，使用桌面Safari时，在生产服务器上查看时样式似乎完全破坏。奇怪的是，Safari在本地运行Rails应用程序时渲染页面很好。 Mobile Safari还可以在生产时正确呈现页面。

你可以view the page here.

最初我认为Heroku可能无法正确提供这些资产，但是该页面在Chrome上呈现的应该意味着它的工作正常。

在Safari上进行测试，当窗口调整为移动设备时，页面会正确呈现，因此资产/ images / css肯定会加载 - 只是当视口的大小与桌面窗口一样时。

有没有人猜到发生了什么？

Answer 1

我刚才有类似的问题。 我想这不是Heroku相关的问题。 在我看来，Safari不喜欢css代码：

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
  -webkit-font-smoothing: subpixel-antialiased;
}

Css文件已完全加载但该代码之后的所有样式完全破坏且未应用。 @media之后的新行 - 问题的原因。