2

根据引导文档

将以下内容添加到您<head>的网站会使您的网站响应

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

在 rails 和资产管道中，您在 application.css 中声明您的 css 文件，因此不需要上面的最后一行。

我使用 bootstrap-sass gem，上面的行是在 application.css 文件中实现的这行代码

@include "bootstrap-responsive";

有用！

但不幸的是，这使得每个视图都有响应。

我有很多视图，例如我不想响应的主干应用程序。

我考虑将<meta viewport...>标签声明到一个布局文件中，该文件仅用于我的网站中需要响应行为的那些部分。

这似乎不起作用，尽管一些视图没有通过它们的布局声明这个元标记，但它们仍然变得响应。

由于我无法精细控制哪些 css 文件被加载到资产管道中，所以我有点难以理解如何关闭和开启这种响应行为。

我如何实现这一目标？

4

1 回答 1

0

查看此链接以获取一些有用的信息。这可能会让人不知所措，知道，你不必做所有这些......关键是：如果你删除了 require 树（它不会在目录中添加所有文件），你需要手动将它们添加到 config/environments/ production.rb 与：

config.assets.precompile += %w( application-all.css application-print.css application-ie.css )

然后你可以毫无问题地使用 stylesheet_link_tags ......

为了使其更灵活，我将其添加到我的应用程序头中：

<%= yield :head if content_for?(:head) %>

然后我所有的观点都使用：

<% content_for(:head) do %>
<%= stylesheet_link_tag "#{params[:controller]}.#{params[:action]}" %>
<%= javascript_include_tag "#{params[:controller]}.#{params[:action]}" %>
<% end %>
于 2013-01-14T21:37:25.663 回答