スマホとパソコンで改行の位置を変更して、デバイスごとにテキストを美しく整える方法 – ワードプレステーマTCD

スマホからWEBサイトを閲覧することはもう当たり前です。 サイトを制作する側も、スマホからの見え方を必ず意識する必要があります。WordPressを活用する際もレスポンシブ対応のテーマを使って終わりではありません。デザインや大枠の部分は最適化されて表示されても、テキスト部分はどうでしょうか？変なところで改行されて字余りになったり、バランスが悪くなっていたりしませんか？ 弊社で販売しているテーマでもスマホとPCで表示するコンテンツを別々に設定することができるテーマはございます。しかし、デバイスごとのテキストの改行位置まで自動認識できる機能は、まだございません。 というわけで、今回はHTMLとCSSを少しだけ使って、閲覧するデバイスによってテキストの改行位置を変更する簡単な方法をご紹介したいと思います。 スマホでのみ改行したい時に使える一番シンプルな方法 さっそくスマホで見た際にのみテキストの