問題タブ [stylesheet-link-tag]

Sinatra アプリケーション内で、本番用に css/js の縮小バージョンを提供したいと考えていますが、開発中はデフォルトの設定 (個々のファイル) を保持します。これを正しい構文で記述する方法はよくわかりませんが、疑似例を挙げれば、達成しようとしていることを示すはずです。

レイアウト.html.erb

使用したいスタイルシートを条件付きで設定することは可能ですか、それとももっと良い方法がありますか?

編集

私はこれを試しています

これよりも効率的な方法はありますか？

メディア クエリを使用して、正しいスタイルシート (mobile.css または main.css) を Grails アプリケーションにインポートしています。PC でページを読み込むと正常に動作し、Android スマートフォンでページを読み込むと、スタイルが追加されていないページが表示されます。

これは私のコードです：

次のようなタグの順序を逆にすると:

私は以前とは反対の行動をとります。（スマートフォンからロードすると正常に動作し、PCからロードするとスタイルがありません）。

私のmain.cssとmobile.cssには、同じIDとクラスがあります

main.css

mobile.css

アップデート：

問題は、メディア クエリの不適切な構文ではないと思います。mobile.css スタイルシートのインポートを削除して、次のものしか持っていない場合:

私のコードでは、アプリケーションは正しい動作で応答します: PC からページをロードすると main.css スタイルが取得され、スマートフォンからページをロードするとスタイルが取得されません。

ここで、2 つ目のスタイルシート インポートを追加します (モバイル スタイル用):

などがあります:

何も変わらない。モバイルから読み込まれたページにはまだスタイルが追加されていません。

私はすでに試しました：=（

1) この別のメディア クエリの構文: media = "only screen and (max-device-width: 480px)"

2) スタイルシートに直接記述されたメディア クエリ ルール。

私はそれを理解することはできません！たぶんGrailsの振る舞いでしょうか？

前もって感謝します！

私はここでちょっとばかげているように感じますが、明らかに非常に単純な問題で数時間立ち往生しており、オンラインでも良い答えが見つからないようです…</p>

新しいウェブサイトを立ち上げています。Bitnami を使用して LAMP で Amazon EC2 インスタンスを起動し、サイトの構築を開始しましたが、タグを使用してインデックス ファイル (またはその他のファイル) を CSS ファイルにリンクしようとすると、すべての CSS が「インポート」されます。リンクを作成する代わりに PHP ファイルを使用します。また、ソースコードに沿って、そこに置いていないタグをいくつか取得します。それらが由来しているという考えはありましたか？

これまでの私のコードは次のとおりです。

そして、これはブラウザが出力しているソースコードです:

これがすべて由来している可能性があるという考えはありましたか？どんな助けでも大歓迎です。

前もって感謝します！

http://example.comという Web サイトがあるとします。私には次のようなスタイルシートがあります: <link rel="stylesheet" href="/_resources/css/style.css" />

http://another-example.com/という別の Web サイトがあり、 http://example.comで使用しているのと同じスタイルシートを使用したい場合はどうすればよいですか? ロード時間について質問です。誰かが最初に example.com にアクセスし、次に another-example.com にアクセスした場合、example のファイルを参照する another-example にスタイルシートがある場合、ブラウザーはスタイルシートをキャッシュし、再度読み込む必要はありませんか、それとも自動的にダウンロードするだけですか? another-example.com にアクセスし、スタイルシートのコピーが 2 つある場合の example.com スタイルシート?

私は現在、sinatra でアプリを作成しており、ブートストラップを実装するために何時間も取り組んでおり、Rails の方がはるかに簡単であることに気付きました。

とにかく、Web サーバーを実行して / に移動すると<%= stylesheet_link_tag 'app', media: 'all' %>、app.erb ビュー (webapp のインデックス) に入れた行に関連するエラーが表示されます。この行は、scss ファイルを assets/stylesheets フォルダーにロードするためのもので、ファイルにはブートストラップの @import 値が含まれています。

私は sinatra-asset-pipeline gem を使用しており、github ページの指示に従って正しくセットアップしました。私は過去4時間、多くのことを試してきましたが、何もうまくいきませんでした. 最も重要なファイルのコードは次のとおりです。

assets/stylesheets/app.scss :

ビュー/app.erb :

app.rb :

config.ru :

レーキファイル:

Gemfile :

本当にどうしたらいいのかわからないので、誰か助けていただければ幸いです。私は通常、アセットパイプラインがすでに存在し、すべてを処理するレールに慣れています。ただし、レールで「自動的に」何かを作成すると実際に何が起こるかを本当に理解できるように、sinatra でこの webapp を作成するように強制しています。

これは、私のブラウザーでのエラー出力のスクリーンショットへのリンクです: http://puu.sh/ktUIA/1d8396b034.png

jquery、いくつかのスクリプトをロードしようとしましたが、ダウンロードが完了したら、いくつかのコードを実行したいと思います。

呼び出されるかと思っalert(1)たが、何も起こらない。スクリプトは正しくダウンロードされます ( でチェックインされますconsole)。

ご協力いただきありがとうございます。