画面の解像度によって改行をしたい・外したいという部分が出てくることがあるが、それは<br />にdisplay設定をすることで解決する
スマホ時に改行を無くしたい
1 2 3 4 5 6 7 |
.kaigyo-pc{ display:block;/*pcで見た際は改行を反映*/ } @media(max-width:767px){ .kaigyo-pc{ display:none;/*767px以下の場合は改行を無くす*/ } |
スマホ時に改行を設定したい
1 2 3 4 5 6 7 |
.kaigyo-sp{ display:none;/*pcで見た際は改行を無くす*/ } @media(max-width:767px){ .kaigyo-sp{ display:block;/*767px以下の場合は改行を反映*/ } |
やりたい内容によって、該当するcssを反映させてください。
コメントを残す