はてなブログ読者になるTweetこのブログを開設した時に行ったカスタマイズを紹介いたします。ヘッダー画像を準備したのに,レスポンシブデザインを採用した時,スマホで見えるヘッダー画像サイズが小さくならずに苦労しました。その時の対応を備忘録を兼ねて記事にしました。使用したテーマははてなブログテーマで一番人気がある「Brooklyn」です。レスポンシブ・デザインということでパソコンのデザインが,そのままスマホでも縮小されて表示されるはずですが,何故か縮小されず大きなタイトル画像のままなのですレスポンシブ・デザインモードにするとスマホのカスタマイズ設定は無効になります。いうことは何らかパソコン画面で設定を行わなければいけないということです。⇓affiliate-couple.hatenablog.comCSSの設定をしなくちゃいけないいろいろ調べていると,どうやらスマホ対策用のCSSを追加する必要があるみたいです。contain;}}このCSSを追加しないといけないようです。いうのがスマホサイズ指定へ対応のポイントのようです。containを指定すると画像の幅と高さの比率は固定され,表示領域が変更されても、画像が全て表示される設定になっています。CSS追加で問題解決しましたが,CSSの世界って奥深いんですね。(1)TOPへ戻るはてなブログをはじめよう!azaz3325さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。