画像を使う方法としてimg要素またはbackground-imageプロパティを使用します。 今回は、下記のファイルを利用して、3つのパターンで解説をしていきます。 使用画像 PCサイト:img要素 、スマホサイト:img要素の場合 PCサイト、スマホサイトともimg要素を使用する場合は、サイズの指定方法がポイントです。 width, heightプロパティの値「auto」をうまく使用していきます。 autoは、width, heightのどちらかにサイズ指定がある場合は、元画像のサイズから相対値で自動的に算出します。 /* 幅に対して、高さは自動調整の場合 */ img{ width: 200px; height: auto; } /* 高さに対して、幅は自動調整の場合 */ img{ width: auto; height: 200px; } width, heightどちらもauto