配信事故シリーズ02

レスポンシブルデザインが崩れる

夢洲の記事をスマホで観るとこんな風になっちゃいます~って連絡を読

者の方から受けました。ありがたいことです。なぜこんなことになるのでしょう。

このサイトは、レスポンシブルデザインといって、サイト側でパソコン・タブレット・スマホを判断してレイアウトを変える機能を持っています。全てのページはそのように表示できているのですが、今回、このページだけ表示が崩れる現象が発生。配信事故02としました。

このページだけしかやっていないこと。これが原因のはずです。

1)テーマテンプレートのバージョンアップでの不具合
2)この記事内容での不具合
3)得体の知れない何か
で考えました。

まずは1)でテーマテンプレート会社に連絡しようとしていたんですが、2)この記事内容での不具合を発見。長いリンクのURLでした。スマホ画面ではリンクURLの幅が全体の幅を支配してしまうということがわかりました。そこで長いURLは別ページにすることで解決。めでたしめでたし。

連絡していただけることに感謝

原因がわからないどころか、スマホでの確認をやっていなかったため、長い間崩れた状態が放置される可能性もあったのですが、連絡していただけることに感謝。備忘録として、ここに配信事故とすると共に、テンプレートデザイン会社にも連絡しておきました。次のバージョンアップでは修正されるかもしれません。

関連ブログ