【Rails】Herokuにデプロイ後もスマホ表示が小さいときの対処法〜Bootstrap適用済みの場合〜




 

HerokuにRailsアプリをデプロイできた!

アプリが動いた!

パソコンで動作確認できた!

よっしゃ、スマホで確認だ!

 

そんなフレッシュな勢いで、スマホでHerokuアプリにアクセスすると「ある異変」に気づきました。

それは、

スマホ表示が小さくなっていること。

スマホ画面に対して、明らかに「小さく」表示されているのです。

 

 

当初のイメージでは、スマホ画面幅いっぱいに表示される予定でした。

 

いやあ、なんでだろう。

Bootstrapは適用済みなのに・・・・!

 

こんなはずじゃなかった、と呟きながら調べてみると、こちらの神記事を発見。

次の1行を<head>ダグに入れないと、小さく表示されるようです。

 

Railsアプリでいうと、<head>タグはapplication.html.erbに記述されていますね。

そこのheadタグ内に

を追記して上書き保存し、デプロイし直し。

すると、レスポンシブデザインになり、スマホ画面いっぱいに表示されました。

BootstrapをRailsアプリに適用しても「あの1行」をheadタグ内に書かない限り、スマホでは小さく表示されるのです。

 

ただ、

という1行を理解せず、使い続けるのもなああと思い意味を調べてみました。

 

が、正直、難しくてわかりません(笑)

僕と同じように、1行をコピペして素通りする人が多いようです。

今日のところは見逃してやりますが、体力がある時にこの1行の意味を理解する予定です。

 

それでは!

Lin

Pocket
LINEで送る




音生入力で楽にブログを書く技が満載!
ブログ音声入力術

音声入力の使い方から文章を書くコツまで完全網羅。ブログを書きたいすべての人向けの電子書籍




コメントを残す

メールアドレスが公開されることはありません。