web屋の備忘録

ホームページ制作、webマーケティング、技術資料など

*

レスポンシヴwebデザインでの改行位置を変更したい場合

   

パソコンとスマホの画面では、
表示幅が異なるので、
パソコンで改行したい箇所が
スマホでは改行したくないことが
あります。

そのような場合の対処法について。
cssで「display:none」を設定します。

HTML側

このように長い文章は、<br class="br-sp">途中で改行したほうが見やすいのですが、<br class="br-sp">スマホで改行したくない場合があります。

CSS側

.br-sp {
    display:none;
}

 - HTML・CSS