スマホとパソコンで改行の位置を制御して、デバイスごとにテキストを美しく表示する方法

<p>あいうえお<br class="br-md">かきくけこ</p>

@media screen and (min-width: 768px){
.br-md {display: none; }
}

以上こんな具合です。意外と簡単ですが、作業手順は慣れが必要！

自分の場合、開発ツールでモバイルを指定し、まず改行位置を確認し、Wordpressのブロックエディターのオプションメニューから「HTMLとして編集」を選択後、上記のHTMLソースをを時間に挿入します。プレビュー画面にて改行されているか確認します。

よろしければ、公開または更新をクリック

Follow me!

@webplannercosmo