ちわっす!どうもとまじぃです♪ いままで結構悩んでCSSいじったりして 解像度480以下ではこのタイトル画像表示して~ PCではこの画像表示して~ みたいな感じで小難しいCSSを使っていたのですが・・・。 よく考えたら もっと簡単に考えれば楽にできちゃった!!! そんなお話です レスポンシブデザインでのタイトルの切り取られ方 では今回設定したタイトル画像を御覧ください。 横1000PX 縦200PXの画像を使っています。 これを PCで表示した場合はこうなります。 普通に画像の全面が使われている状態ですね。 次にスマホ表示を見てみましょう 「真ん中が表示される」を意識すればOK 結局どういうことかというと スマホでは真ん中が表示されている!!ってことです これを考えないで画像を設定してしまうと・・・・。 たとえば PCで左側に文字入っていい感じになるなぁ~ってんでこんな画像を設定したとしま
![はてなブログのレスポンシブデザインで「タイトル画像をスマホでもいい感じ」にするもっとも簡単な方法!! - とまじ庵](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d694d520d13b58be46c7ff247401a610666974e/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftomag%2F20190915%2F20190915201129.png)