初めに

・画像を貼ったのはいいけど、大きすぎて/小さすぎてなんか見にくい。。。ヒト用

・Macbook Air (Retina, 13-inch,2019)
・プロセッサ 1.6GHz デュアルコアIntel Core i5
・メモリ　8GB 2133 Mhz LPDDR3
・MacOS Big Sur　バージョン 11.5.2

１）cssを使って画像の大きさを変える方法
２）rubyを使って画像の大きさを変える方法
３）画面の大きさに応じて画像の大きさを変える方法
４）最後に

cssを使って画像の大きさを変える方法**

<img src ="画像の名前.png" src="画像のファイルの場所" class="sample">

.sample{
  width:50px;
  height: 50px;
}

<%= image_tag "ファイル名.png" %>

<%= image_tag　"ファイル名.png", size: "50px＊50px" %>

※幅の単位をpxにすると、その大きさに固定されるためユーザが画面の大きさを変えても画像の大きさはそのままとなる
※幅の単位を%にすると、html内は入れ子構造（親子関係）になっているため、親の幅より大きくなることはない＝画面に応じて大きさが変わる

もし自分のアプリに画像を使っているなら、見た目が悪いとユーザは使いたいと思わなくなると思うからレイアウトは大事だとおもう！

ここまで読んでくださってありがとうございます！