アフィリエイト広告を利用しています
<< サイト体験記⑯ 宙畑 | TOP | Adobe XDを使用してみた >>

2021年10月02日

スマホだけ改行

PCでは１行に表示し、

　ABCDEFGHIJ

スマホでは途中で改行したい。

　ABCDE
　FGHIJ


スマホの画面サイズを480px以内として
CSSファイルは

　/* スマホのみ改行 */
　br.sp_br{
　　display: none;
　}
　@media screen and (max-width:480px) {
　　br.sp_br {
　　　display: inherit;
　　}
　}

HTMLは

　ABCDE<br class="sp_br">FGHIJ<br>


逆にPC（スマホ以外）だけで改行するとき


CSSファイルは

　/* PCのみ改行 */
　br.pc_br{
　　display: inherit;
　}
　@media screen and (max-width:480px) {
　　br.pc_br {
　　　display: none;
　　}
　}

HTMLは

　ABCDE<br class="pc_br">FGHIJ<br>






【このカテゴリーの最新記事】

posted by db-engineer at 00:00 | Comment(0) | HTML、CSS

この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

検索
最新記事
(09/02)ファイル名の後の余分な / (スラッシュ)
(05/29)TCPDF: multicellで行間指定
(05/05)Laravel : 登録フォーム（DateとTextarea）
(04/30)Laravel : migrateでのデータ型指定
(04/29)docker上でphpmyadminを使う。
(04/09)Laravel: migrateで [1045] Access denied for user　
(04/08)Docker : Laravel環境でMysqlに接続
カテゴリーアーカイブ
Access、Excel(53)
Docker(5)
小技(34)
Mysql(63)
Linux(40)
経営(13)
HTML、CSS(34)
日々のこと(102)
Google(12)
PHP(120)
Git(32)
Javascript(16)
PostgreSQL(13)
ブラウザ(19)
ファイルメーカープロ(45)
Mac(33)
システム開発・運用(57)
アフィリエイト(8)
私製 - IT用語辞典(1)
Vue.js(5)
プロフィール
db-engineerさんの画像
db-engineer
プロフィール
タグクラウド