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

Question

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

我将代码从以下位置更改：

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

至：

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

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

Answer 1

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

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

建议您更改顺序，清除浏览器缓存，然后重试。

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