CSS在heroku上看起来与众不同

Question

正如您在下面的图片中看到的那样,我本地主机站点上的css在顶部的间隔比在heroku上要好得多.

以前有没有人遇到过这类问题.你可以在这个页面上看到它最好的http://pltcpal.herokuapp.com/forums/

我正在使用Twitter bootstrap,它建议添加

`padding-top: 40px;` 

如果使用顶部导航栏,则为body.不知怎的,它不起作用......

Answer 1

问题与Heroku上资产管道的处理有关.有几种方法可以解决这个问题,请参阅http://devcenter.heroku.com/articles/rails31_heroku_cedar

我通过在我的机器上本地预编译资产然后将它们推送到Heroku来修复我的应用程序中的问题.

预编译资产:

RAILS_ENV=production bundle exec rake assets:precompile

将更改添加/提交到git存储库:

git add public/assets
git commit -m "vendor compiled assets"

为了安全起见,我首先在我的机器上的本地分支上测试了整个东西,然后我使用以下命令将其推送到Heroku(Heroku通常忽略除主分支之外的所有分支,因此技巧):

git push -f heroku heroku-assetpipeline:master

Answer 2

FWIW,我有同样的问题并检查了我能想到的一切,以及上面的那些.事实证明我必须在localhost上缩小浏览器,并且我的生产网址上有标准缩放.

就像在两个页面上重置浏览器中的缩放一样简单.希望这可以帮助其他人解决同样的问题.