携帯・スマートフォンでの見え方(その2)

携帯・スマートフォンでの見え方ですが、色々と調べてみると大体わかってきました。

以下の「あいうえお」「かきくけこ」「さしすせそ」の行間が空くかどうかは、出力されるタグによって左右されます。また、iPhoneにおいては、スマートフォン表示かPC表示かによっても異なります。以下の記事ではiPhoneのスマートフォン表示における違いを説明しています。

(1)通常の改行<p>(PC、Android、携帯:1行空く iPhone:1行空く)

□あいうえお□

□かきくけこ□

□さしすせそ□

(2)シフト改行<br />(PC、Android、携帯:行間空かない iPhone:1.5行空く)

□あいうえお□
□かきくけこ□
□さしすせそ□

(3)スタイル指定の改行(PC、Android、携帯:行間空かない iPhone:行間空かない)

□あいうえお□
□かきくけこ□
□さしすせそ□

最後の「スタイル指定の改行」では、<br />タグに手打ちでスタイルを指定しています。

あいうえお<br style=”white-space: normal;” />

どうやら、iPhoneでは、<br />タグのホワイトスペースの実装がPCやAndroidとは異なるようです。

上記のとおりに見えるかどうか、試してみてください。結果はコメントでお願いします。

コメント

  1. せきかわ より:

    こんばんは。
    前回と同じようにドコモの携帯で見てみました。
    今回もしっかりと表示されています。
    問題が解決されて良かったですね~!
    流石です!!