こんにちは、Nanayakuです。 今回は、Bootstrapで各デバイスのサイズにレスポンシブを合わせるため必要な「viewport」について解説します。 viewportとは viewportとは、 表示領域のことで、ブラウザにおける仮想のカンバスサイズを決めて、サイトの表示の仕方を制御する役割があります。 コピペで済ませていませんか?改めて学び直したい「Viewport」のすべて|ferret つまり、viewportを設定していない状態だと、Bootstrapをインストールしていてもデバイスのサイズごとにレスポンスが合わせる事が出来ないという事です。 1枚目はMacでの表示画面で、2枚目の画像は「viewport」を設定せず表示したGalaxyの画面です。 このように、レスポンシブが全くあっていません。 viewportの書き方 場所 viewportを書く場所は、app/view
![[Rails]Bootstrap入れたら書けよ「viewport」 | Nanayaku blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/e4474441430579f5173bd6f0378e589ae6fd146a/height=288;version=1;width=512/https%3A%2F%2Fnanayaku.com%2Fwp-content%2Fuploads%2F2019%2F09%2Fcloud-1910599_640.png)