携帯・スマートフォンでの見え方（その２）

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

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

（１）通常の改行<p>（PC、Android、携帯：１行空く　iPhone：１行空く）

□あいうえお□

□かきくけこ□

□さしすせそ□

（２）シフト改行<br />（PC、Android、携帯：行間空かない　iPhone：1.5行空く）

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

（３）スタイル指定の改行（PC、Android、携帯：行間空かない　iPhone：行間空かない）

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

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

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

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

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