CSS在Safari上通过Heroku部署时会中断,但在本地可以完美工作?

CSS在Safari上通过Heroku部署时会中断,但在本地可以完美工作?,css,ruby-on-rails,heroku,browser,safari,Css,Ruby On Rails,Heroku,Browser,Safari,因此,我目前在Heroku上部署了一个Rails应用程序。通过Chrome在产品和本地查看CSS样式时,效果非常理想。但是,使用桌面Safari,在生产服务器上查看时,样式似乎完全中断。奇怪的是,在本地运行Rails应用程序时,Safari将页面呈现得很好。Mobile Safari还可以在生产时正确呈现页面 你可以 起初,我认为Heroku可能没有正确地提供这些资产,但页面在Chrome上按其应有的方式呈现这一事实应该意味着它工作正常 在Safari上进行测试时,当窗口大小调整为mobile时

因此,我目前在Heroku上部署了一个Rails应用程序。通过Chrome在产品和本地查看CSS样式时,效果非常理想。但是,使用桌面Safari,在生产服务器上查看时,样式似乎完全中断。奇怪的是,在本地运行Rails应用程序时,Safari将页面呈现得很好。Mobile Safari还可以在生产时正确呈现页面

你可以

起初,我认为Heroku可能没有正确地提供这些资产,但页面在Chrome上按其应有的方式呈现这一事实应该意味着它工作正常

在Safari上进行测试时,当窗口大小调整为mobile时,页面会正确呈现,因此资源/图像/css肯定正在加载-只是当视口的大小与桌面窗口相同时,页面不会正确呈现


有人能猜出发生了什么事吗

我只是遇到了类似的问题。 我想这不是和希罗库有关的问题。 就我而言,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后面的新行-问题的原因