railsで開発したサービスをスマホから見ても自然なデザインにするにはどうすれば良いか

現在Ruby on railsでサービス開発をしており、herokuにデプロイする段階まできました。
しかし、スマートフォンからアクセスすると、ものすごく文字が小さくパソコンで見るように表示されるため非常に使いにくいです。
これはどうやって改善すれば良いのでしょうか？
ちなみにbootstrapを利用しています。これを使うことで何か改善できるのでしょうか？
よろしくお願いします。

行動規範の内容に同意します

回答1件

こんにちわ。ちょうどRuby on Railsを学習中で、herokuにデプロイした時に、スマホでみるときに同じような体験をしました。
私の場合は、下記を <head> </head>の間に入れることで解決しました。
ただ、詳細が私には分かりませんので、下記コードを検索していただければと思います。

<meta name="viewport" content="width=device-width, initial-scale=1">

投稿2018/02/20 05:44

mi_

総合スコア80

galaxymaximum

2018/02/20 05:49

追加で質問なのですが、それを全てのビューのheadの中に書いていくのでしょうか？どこか一箇所に書けばいいというわけではなく、これを書いたビューしかスマホに対してレスポンシブにならないのですかね？

mi_

2018/02/20 05:53

私の場合は、 Ruby on Railsチュートリアル https://railstutorial.jp/ にそって、学習をしていまして、 Views/layouts/application.html.erbがいろいろなビューで読み込まれる共通の部分になっており、そのファイルの中のheadの中に書いています。

mi_

2018/02/20 05:54

ご質問分もれていました。全体に適用されているようなので、どこかに１つに書いた検証はしていません。

galaxymaximum

2018/02/20 07:13

１０時間くらい粘っているのですがHEROKUNIログインできないエラーがさっぱり解決できないので治せたら試して、また質問させていただくかもしれないです

galaxymaximum

2018/02/20 07:59

追加で質問なのですが、これ以外にスマホで表示するにあたって気をつけることってありますかね？

行動規範の内容に同意します