はてなブログではPC表示とスマホ表示では異なるHTML構造になっている。またclassなどが必ずしも同じとは限らないので、この違いを利用してスマホ表示のCSSだけをカスタムすることも可能。
PC表示用のCSS
PC表示用のCSSだけをカスタムしたいなら、次の記事で確認できる。
スマホ表示用のCSS
残念ながらスマホ表示だけをカスタムする方法を筆者は知らない。よって、次項で述べるPC表示とスマホ表示の両方に適用されるCSSをカスタムすることで、スマホ表示用のCSSをカスタムする。
PC表示用とスマホ表示用ではHTML構造が異なり、classなども必ずしも同じとは限らないので、この相違部分を利用してスマホ表示のCSSだけをカスタムすることは可能。
PCとスマホのどちらにも適用されるCSS
下図のとおり管理画面でCSSを挿入可能。headに要素を追加
の右にあるテキストボックス（下図ではフレームアウト）に挿入したいコードを追加して保存する。
レスポンシブ広告ユニット導入にはスマホ表示のカスタムは必須
アドセンスのレスポンシブ広告ユニット導入時にはぜひスマホ表示をカスタムしたい。でないと、スクロールががたついてしまう。
デフォルトのスマホ表示では余白が設定されており、そのままの状態でレスポンシブ広告ユニットを導入するとはみ出てしまう。これが問題。
この問題を解決するための具体的なサンプルCSSコードは別途記事を作成する。