我在Centos机器上部署了一个Rails 4应用程序。虽然一切看起来都很好但它看起来与我的开发实例略有不同,因为一切都有点宽,字体等稍微不那么尖锐。任何资产似乎都没有任何问题 - 当我使用chrome开发工具时,例如没有错误显示,当我通过css上的'inspect element'进行比较时,两个实例完全相同。我看到的唯一区别是生产中的体宽比开发时宽(在我目前的屏幕上2114px对1903px)。该应用程序使用bootstrap 3并加载了自定义主题,正如我所说,它们似乎都可以精确地迁移到生产实例。
我不确定在哪里查看导致差异的地方(也不提供哪些文件作为帮助)但我真的想解决这个问题,因为生产版看起来有点笨拙。有没有人有任何想法?
提前致谢
答案 0 :(得分:0)
现在您的样式表按以下顺序呈现: Jquery UI - > Bootstrap 3.2 - > Bootswatch 3.2 - > Jasney Bootstrap 3.1
你的自定义Bootswatch主题有一个不同的默认正文字体(格鲁吉亚," Times New Roman",Times,serif),而不是传统的bootstrap sans serif字体(" Helvetica Neue",Helvetica ,Arial,sans-serif)覆盖你的Bootstrap并使字体看起来像打印样式字体。
您的默认.container类也会发生同样的情况。自定义bootswatch .container宽度大于默认引导程序.container类。
我的猜测是你的bootswatch库没有在你的本地机器上加载或在bootstrap之前加载。所以你会看到所有默认的bootstrap主题(在我看来这看起来更好)。然后当你推向生产时,bootwatch主题在bootstrap之后被加载,因此覆盖你在本地机器上看到的所有漂亮的bootstrap默认值。
如果您仍然对他们正在加载的订单有疑问,请尝试在您的应用程序/样式表中创建一个css清单文件,将所有css库移动(如果他们已经没有)到供应商/资产/样式表位于单独的文件中,并使用以下约定在清单文件中调用这些文件:
/*
*= require jqueryui
*= require bootstrap
*= require bootswatch
*= require jasney
*/
通过这种方式,您可以手动订购预编译的资产。它们将按照您在此样式表中包含它们的确切顺序从上到下进行编译。 **确保在您的视图顶部或您的应用程序/ views / layouts / application.html.erb文件中包含清单表。 (您可能还需要调整您的production.rb文件)
有一些想法,希望这会有所帮助。