ブログ スマホで見ると 行間が広がる 問題の原因と解決方法を紹介

ぽん助です。

記事タイトルの「ブログ スマホで見ると 行間が広がる 問題」とは、パソコンでは投稿記事は問題なく閲覧できるのに対して、スマホで確認すると無駄に行間が開いて見えることがあります。

投稿記事を、スマホで確認したところ、変に行間が空いてしまう事が判明しました。

ご覧の通り、パソコンの確認では問題がありませんが、スマホの確認では、画面が真っ白の空欄になってました。

今回は、パソコンは大丈夫なのにスマホで見ると 行間が広がる 問題の原因と解決方法を紹介します。

スマホで見ると行間が広がる 問題の原因と解決方法

この行間の崩れるの原因は、ズバリ！コピー＆ペーストによることで起きる現象です。

間違いありませんコピペしましたから！

「じゃコピペしたんだったら投稿下書きの段階で分かるのでは？」と疑問が浮かびますよね？

下の画像の様に、コピペしても何も問題がなく至って普通の状態です。（画像は編集画面です）

コピペしても普通の状態ならば、誰にも分かるはずはありません。

では、問題は「ビジュアル編集」で見た時には分からないのですが、「テキスト編集」で確認すると問題の箇所には、空欄の行間隔が空いてました。

問題の箇所のテキスト編集画像です。

何個も「 」の行間が確認できます。

解決方法は簡単ですね、テキスト編集で「 」の行間隔を修正してやれば解決できました。

最後に

今回の、問題はコピペによる事で起きる現象ですが、みなさんは滅多にコピペで記事作成なんてしないですよね。

コピペ作業をした理由は、記事統一してた事によるものですが、スマホの確認は重要なことが再認識できました。

リライト・記事統合の作業でのコピペは確認が重要です。