带或不带`.min`的样式表参考

Posted 2023-02-26

【中文标题】带或不带`.min`的样式表参考

【英文标题】：Stylesheet reference with or without `.min`

【发布时间】：2013-04-17 06:52:49

【问题描述】：

重定向到样式表时，使用.min 更改了布局。

我将代码从：

<%= stylesheet_link_tag("bootstrap-responsive.min", "bootstrap.min", "main", "normalize", :media => "screen")  %>

到：

<%= stylesheet_link_tag("bootstrap-responsive", "bootstrap", "main", "normalize", :media => "screen")  %>

页面布局也发生了变化。这是为什么？它链接到同一个文件，为什么会有任何区别？

【参考方案1】：

您的样式表的顺序似乎有问题。

“bootstrap-responsive”应始终包含在“bootstrap”之后。所以你的原始代码已经有问题了。

建议你换个顺序，清除浏览器缓存，再试一次。

此外，使用 Assets Pipeline 会好得多，而不是在布局中手动包含样式表，无论是否缩小。

【讨论】：

即使此布局与应用程序其余部分的布局不同？

@LucyWeatherford，我不知道发生了什么变化，但使用浏览器调试工具应该很容易检查。如果你的第一个结果不正确，你不能指望剩下的结果是正确的。因此我建议您首先更改顺序以查看正确的效果。

我已经更改了订单，它有帮助，谢谢；但它仍然不正确..但更接近

很好。另外最好把你自己的 JS 代码（如果那是“main”？）总是放在最后。