ESSENCE（エッセンス）オリジナルテンプレートのスマホサイトで任意の場所を改行したいについてのマニュアルです。
- HOME
- よくある質問
- サイト制作に関するよくある質問
- スマホサイトで任意の場所を改行したい
スマホサイトで任意の場所を改行したい
スマホサイトで任意の場所を改行したい
公開日：2022/02/04 / 最終更新日：2022/02/04
「PCサイトでは改行されるが、スマホサイトで改行が反映されない」とご意見があります。
スマートフォンは各デバイスによって画面幅が異なるため、改行を入れると「あるデバイスではバランスがよく見えるが、別のデバイスで見ると余白部分が無駄に多くできてしまう」といったことが起こるため、あえてスマホサイトでの改行を無効化しています。
ただし、以下の方法でスマホサイトでも改行を入れることができます。（各デバイスによって表示が異なることはご注意ください。）
スマホサイトで改行する方法
1.改行したいテキスト位置に <br class=”br-sp”> と入れてください。
2.FTP接続をしてcssディレクトリの「user.css」をローカルにダウンロードしてください。
3.念のため「user.css」のバックアップを保存してください。
4.「user.css」の最終行に
@media screen and (min-width: 768px){
.br-sp {display: none; }
}
を追記し上書き保存をしてください。
5.FTP接続をして、先ほど上書き保存をした「user.css」を
もとのcssディレクトリにアップロードしてください。
以上の操作でスマホサイトでも改行が確認できます。
- HOME
- よくある質問
- サイト制作に関するよくある質問
- スマホサイトで任意の場所を改行したい
クリップボードにコピーしました
© 2021 ESSENCE オリジナルテンプレートマニュアル All Rights Reserved.