このブログを開設した時に行ったカスタマイズを紹介いたします。 せっかくヘッダー画像を準備したのに，レスポンシブデザインを採用した時，スマホで見えるヘッダー画像サイズが小さくならずに苦労しました。 その時の対応を備忘録を兼ねて記事にしました。 使用したテーマははてなブログテーマで一番人気がある「Brooklyn」です。 ヘッダー画像が小さくならない CSSの設定をしなくちゃいけない 問題解決しました ヘッダー画像が小さくならない タイトル画像で準備したサイズは1000 × 200です。 レスポンシブ・デザインということでパソコンのデザインが，そのままスマホでも縮小されて表示されるはずですが，何故か縮小されず大きなタイトル画像のままなのです レスポンシブ・デザインモードにするとスマホのカスタマイズ設定は無効になります。 ということは何らかパソコン画面で設定を行わなければいけないということです。