• 以前投稿フォームの行間が空きすぎてしまう件について解決してもらったのですが、今度はスマートフォンの方の行間(段落後)がせまくなってしまい困っています。

    しかも、行間がせまくなるところが部分的だったりすべてだったりとまちまちです。
    いつもはビジュアルで編集しているのですが、部分的に行間が狭くなってしまったところをチェックしてみると、狭いところは【<p> </p>】、広いところは【<div> </div>】になっていました。意図的に変更したわけではないのでどこでpをdivにしたらいいのか分かりません。

    また、この行間の問題については、いっさいパソコンの方には影響していませんでした。
    パソコンからみると行間は全て一定ですが、スマホから見ると狭かったり広かったりです。
    フォントを大きくしたり太くしたりすると文字同士がかぶってしまい見にくくなるので、行間(段落後)を広くしたいいです。

    回答よろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック投稿者 kokona

    (@kokona)

    追記

    今試しに、先ほど言ったテキストの【<p> </p>】を【<div> </div>】に一部変更してみたのですが、何も変化ありませんでした。
    別の部分に問題があるのだと思います。

    改めてよろしくお願いします。

    レイアウトの構築に使われている<div>は、<p>のような意味を持たず、空箱のようなタグです。文章で言えば一つの節段落。<p>は改行までのひとまとまりの行と考えればどうでしょう。
    それを念頭にコンテンツを書いていけば、ちぐはぐになることは回避できますね。

    どちらの場合も段落後を同じにするのならば、p,divともに同じmarginの値にすると良いでしょう。

    p, div はテンプレート次第で、自動的に付与されたり取り除かれたりします。
    【<p> </p>】を【<div> </div>】に一部変更しても、再度付与されて、【<div><p> </p></div>】に整形されているのではないでしょうか。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「スマートフォンでの行間の変更方法が分かりません。」には新たに返信することはできません。