通过 Heroku 部署时，Safari 上的 CSS 会中断，但在本地可以完美运行？答案

【问题标题】：CSS breaks on Safari when deployed via Heroku, but works perfectly locally?通过 Heroku 部署时，Safari 上的 CSS 会中断，但在本地可以完美运行？
【发布时间】：2016-02-01 02:36:15
【问题描述】：

所以我目前在 Heroku 上部署了一个 Rails 应用程序。通过 Chrome 在生产环境和本地查看时，CSS 样式可以完美运行。但是，使用桌面 Safari 时，在生产服务器上查看时样式似乎完全中断。奇怪的是，当在本地运行 Rails 应用程序时，Safari 会很好地呈现页面。 Mobile Safari 也能在生产环境中正确呈现页面。

你可以view the page here.

最初我认为 Heroku 可能没有正确地提供资产，但页面在 Chrome 上呈现的事实应该意味着它工作正常。

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

有人猜到发生了什么吗？

【问题讨论】：

标签： css ruby-on-rails heroku browser safari

【解决方案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 之后的新行 - 问题的原因。

【讨论】：