Css Rails 4应用程序在开发和生产过程中在视觉上有所不同
我在Centos机器上部署了Rails 4应用程序。尽管一切看起来都很好，但它看起来与我的开发实例略有不同，因为一切都有点宽，字体等也不那么锐利。任何资产似乎都没有任何问题——例如，当我使用chrome开发工具时，没有显示错误，当我在css上通过“inspect element”进行比较时，两个实例完全相同。我所看到的唯一区别是，产品上的主体宽度比开发上的要宽（在我当前的屏幕上是2114px与1903px）。该应用程序使用Bootstrap3并加载了一个自定义主题，正如我所说的，它们似乎都迁移到了生产实例 我真的不确定在哪里可以看到这一点上的差异是在哪里造成的（也不知道提供什么文件作为帮助的方式），但我真的很想解决这个问题，因为生产版本看起来有点笨拙。有人有什么想法吗Css Rails 4应用程序在开发和生产过程中在视觉上有所不同,css,twitter-bootstrap,ruby-on-rails-4,centos6,Css,Twitter Bootstrap,Ruby On Rails 4,Centos6,我在Centos机器上部署了Rails 4应用程序。尽管一切看起来都很好，但它看起来与我的开发实例略有不同，因为一切都有点宽，字体等也不那么锐利。任何资产似乎都没有任何问题——例如，当我使用chrome开发工具时，没有显示错误，当我在css上通过“inspect element”进行比较时，两个实例完全相同。我所看到的唯一区别是，产品上的主体宽度比开发上的要宽（在我当前的屏幕上是2114px与1903px）。该应用程序使用Bootstrap3并加载了一个自定义主题，正如我所说的，它们似乎都迁移到
提前感谢现在您的样式表按以下顺序呈现： jqueryui->bootstrap3.2->Bootswatch 3.2->Jasney bootstrap3.1 您的自定义引导样例主题具有不同于传统引导无衬线字体（“Helvetica Neue”，Helvetica，Arial，sans serif”）的默认主体字体（Georgia，“Times New Roman”，Times，serif），该字体将覆盖引导并使字体看起来像打印样式字体 默认的.container类也是如此。自定义的bootswatch.container宽度大于默认的bootstrap.container类 我猜你的引导样本库没有加载到本地机器上，也没有在引导前加载。因此，您看到的是所有默认引导主题（在我看来，它们看起来更好）。然后，当您推动生产时，引导样本主题将在引导后加载，因此将覆盖您在本地计算机上看到的所有良好引导默认值 如果您仍然对它们加载的顺序有疑问，请尝试在应用程序/样式表中创建css清单文件，将所有css库（如果还没有）移动到单独文件中的供应商/资产/样式表，并使用以下约定调用清单文件中的这些文件：
/*
*= require jqueryui
*= require bootstrap
*= require bootswatch
*= require jasney
*/
有两个想法，希望这能有所帮助 您能否共享指向该站点的生产版本的链接？我想看看你的所有自定义样式表在你的引导库之后是如何加载的。生产站点在这里：（你现在必须忽略SSL证书，直到我把它放进去）。谢谢你的关注汉克斯·肖恩，这是一个详细的答案。我更详细地查看了我的资料，并意识到生产版本更“正确”-如果我将其与引导主题页本身进行比较，您可以看到所有内容都匹配。这是开发版本，有点不对劲。但是，我已经按照您所述的方式设置了清单文件（并且顺序相同）。生产版和我的本地开发版本都显示（使用chrome inspect）：
media=“all”@media（最小宽度：1200px）。容器{width:1170px；}