はてなブログのスマホ版(モバイル版)で、横幅320pxのAdsenseとlinkwithin(レコメンドエンジン)がはみ出て、横スクロールが出てしまう問題(通称スマートフォン横スクロールガクガク問題)の対処法です。 ネットで引っかかる対応策が、情報が古いのもあるのか「?」な対応なものが多かったもので、わりとまじめに考えました。 結論 8/18 2:00 ブコメで指摘があったので、レスポンシブル対応に1行追加*1。このブログのスマホ版フッター(プロフィールの上)をレスポンシブルにしてみましたので参考までに*2 「ダッシュボード→設定→詳細設定→headに要素を追加」と選択 <style> /* 342px(320px/93.75%)未満の横幅のとき、adsenseを10pxずらす */ @media screen and (max-width: 341px) { .mobile-adsens
![スマホで320pxのAdsenseとlinkwithinがはみ出る問題の対処決定版(2014/8版) - UXエンジニアになりたい人のブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/2778e154cde98cfe773acc12f92a1e5d17ec8cb4/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fu%2Fuxlayman%2F20140817%2F20140817131652.png)