sashisusen https://blog.hatena.ne.jp/sashisusen/ 藍と青 https://aitoao.com/ 試行 去年の11月にWordPressからはてなブログへ引っ越してきてから(関連記事: はてなブログをはじめました)、少しずつサイトのデザインをカスタマイズしています。 その過程で、サイトの背景色とは異なる色を親要素(hatena-module)で指定したところ、AdSense 広告によるデザイン崩れが発生しました。 具体的には、サイトに設置したAdSenseのレスポンシブ広告をモバイルデバイスで表示した際、広告が親要素の幅を無視して横に広がってしまうという現象です。 これは、AdSenseのレスポンシブ広告の既定の挙動が、訪問者のモバイル端末の画面幅いっぱいに拡大して表示する“全幅レスポンシブ広告… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Faitoao.com%2Fentry%2Fadsense-fit-parent" title="モバイル表示でもAdSense広告を親要素に収める方法 - 藍と青" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.blog.st-hatena.com/images/theme/og-image-1500.png Hatena Blog https://hatena.blog 2026-01-02 22:00:00 rich https://aitoao.com/entry/adsense-fit-parent 1.0 100%