【スマホ】ブログが横スクロールしてはみ出る！~横スクロールガクガク問題~
【スポンサーリンク】
はてなブログをやっていて困っていたこと。
PCで見ると全く問題がないのに、スマホサイトで見ると、ゴムの様にビヨンビヨンと横スクロールを繰り返すブログ画面
通称「横スクロールガクガク問題」
左から右に横スクロール！！！
（iPhone 6 使用）
右から左にビヨーン！！！
何だがどこまでも伸びていってしまいそうな勢いですね。
カッチリ固定したい！
どうにかならないものかと思い、少し調べてみました。
■原因①アドセンス広告■
設定された広告のサイズとディバイスのサイズが、マッチしていない為に起こる問題。
■対策■
■原因②LinkWithin■
『LinkWithin』とは過去記事やその他記事のリンクを、「ブログカード』として簡単に貼り付けられる便利な機能。このリンクの幅がディバイスの幅が、マッチしていない為に起こる。
はてなブログには標準装備されている為、ワンクリックで使用可能。勿論多少の知識はいるが、他のブログサービスでも使用可能。
■対策■
LinkWithinを使用した「ブログカード」↓↓↓
そこではてなスタッフに問い合わせてみました。
■はてなへの質問■
はてなブログでサイドのタブにあるアイコンから、過去記事をいくつか挿入しました。
しかし自分のiPhone６で確認すると、何故か過去記事の枠が画面を少し飛び出しており、横スクロールしてしまいます。
原因をネットで調べたり、HTMLの数字をいじってみたりしましたが、解決できません。
お手数をおかけして申し訳ございませんが、お力をお貸しいただければ幸いです。
（原文ママ）
■はてなスタッフの見解■
ご連絡いただいた問題は、長いタイトルのはてなブログのページを、ブログカードとして表示させる場合に発生することを確認しており、調査を行わせていただきましたが、対応が困難な状況となっているため、お時間をいただく見通しとなっております。
ご不便をおかけいたしまして、大変申し訳ございません。
「【愛’m MVNO】】本と遺体とデジモノのある暮らし」 の場合、長いタイトルとなっているため問題が発生してしまうものと存じます。
現時点で、どうしてもブログカードを画面の横幅におさめたいという場合、 大変恐縮ではございますが、ブログタイトルを短くしていただくことで表示させる ことでしたら可能となっております。
ご了承いただけますと幸いです。
（原文ママ）
■検証■
イロイロ検証した結果、単発のブログカードの挿入だけでなく、記事下に自動で「あわせて読みたい』の様なブログパーツが組み込まれているものも同様の「ブログカード」となる為、横スクロールしてしまう。
私は「あわせて読みたい」のブログパーツを組み込んでいた為、単発でブログカードを挿入した記事だけではなく、全てに記事が「横スクロールガクガク問題」の餌食になった。
■対策■
タイトルをカットした結果、無事メインブログの横スクロールガクガク問題は解決されたした。
全部試したわけではないですが、どうやらタイトルが14文字くらいまでなら、この問題を回避出来そうとの結論に至りました。
このブログはサブブログなので、今のところ短くする気はありませんが、横スクロールガクガク問題に悩んでいる人は、試してみては如何ですか？
