2

ブートストラップのドキュメントによると

以下を追加する<head>と、サイトがレスポンシブになります

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

Rails とアセット パイプラインでは、css ファイルを application.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 に答える