Rails 4應用程序在開發和生產之間的視覺差異

Question

我在Centos機器上部署了Rails 4應用程序。雖然一切看起來都很好，但它與我的開發實例略有不同，因爲所有內容都稍寬一些，字體等也不那麼尖銳。似乎沒有任何資產的問題 - 當我使用chrome開發工具時，沒有任何錯誤顯示，例如當我通過css上的'inspect element'進行比較時，兩個實例完全相同。我看到的唯一區別是生產上的身體寬度比開發時寬（在當前屏幕2114px和1903px之間）。該應用程序使用引導程序3並具有加載的自定義主題，正如我所說，它們似乎都可以很好地遷移到生產實例。

我真的不確定在哪裏看到這一點在哪裏引起的差異（也沒有提供什麼文件作爲幫助），但我真的想解決這個問題，因爲生產版本看起來有點笨拙。有沒有人有任何想法？

在此先感謝

Answer 1

現在你的樣式表的順序進行渲染： jQuery用戶界面 - >引導3.2 - > Bootswatch 3.2 - > Jasney引導3.1

您的自定義Bootswatch主題有不同的默認體字體（格魯吉亞，「Times New Roman」，Times，serif）比傳統的引導無襯線字體（「Helvetica Neue」，Helvetica，Arial，sans-serif）重寫Bootstrap並使字體看起來像打印樣式字體。

您的默認.container類也是如此。自定義bootswatch.container寬度大於默認引導程序.container類。

我的猜測是你的bootswatch庫不會在你的本地機器上加載或在引導之前加載。所以你會看到所有的默認bootstrap主題（我認爲這看起來更好）。然後，當您推送到生產時，bootstrap主題將在引導後加載，因此會覆蓋您在本地計算機上看到的所有引導默認值。

如果你仍然遇到它們加載順序的問題，請嘗試在應用程序/樣式表中創建一個css清單文件，將它們（如果它們不在那裏）移動到供應商/資產/樣式表在單獨的文件中並使用以下約定在清單文件中調用這些文件：

/* 
*= require jqueryui 
*= require bootstrap 
*= require bootswatch 
*= require jasney 
*/ 

這樣，您可以手動訂購預編譯哪些資產。它們將從上到下編譯，按照您在此樣式表中包含的順序進行編譯。 **確保在您的視圖頂部或您的application/views/layouts/application.html.erb文件中包含您的清單。 （你可能也必須調整你的production.rb文件）

有一些想法，希望這有助於。