###前提・実現したいこと
画面幅に応じて、読み込むCSSを変えたい。(CSSは別ファイルです)
RubyOnRails5.0です。
###発生している問題・エラーメッセージ
application.erbにビューポートを設定しています。
<meta name="viewport" content="width=device-width, initial-scale=1">
erbテンプレート側で、ビューポートの値を取りたいのですが、取る方法はありますでしょうか?
やり方を色々調べてみましたが、JavaScriptなどを使わないと取れないようでした。
実現したいと思っているのは、erbテンプレート内で画面幅で条件分岐をして読み込むcssを変える、ということです。
<% if 画面幅が415px以下の場合 %> <%= stylesheet_link_tag "mobile/application", :media=>"(max-width: 415px)" %> <% else %> <%= stylesheet_link_tag "mobile/application", :media=>"(max-width: 415px)" %> <% end %>
###補足情報(言語/FW/ツール等のバージョンなど)
・読み込むCSSを分けたいので、一つのCSSの中でメディアクエリーによる分岐はしたくないです。
・ビューポートを指定したのは、画面幅を取れるかと思ってのことですが、そもそも無理なのでしょうか。
・あまりわかっておらず、頓珍漢な質問でしたら申し訳ございません。何かヒントいただけると嬉しいです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/08 12:16
2017/05/08 12:25
2017/05/10 14:16
2017/05/10 14:45