<br>
の代わりに画面の解像度が小さい場合の改行の解決策はありますか?
なぜならbr
は常に改行しているからです:(
ここに私のコード<h2>I create unique, clean sites that are easy to navigate.<br>All my works comply with web</h2>
CSS3にはこの問題の解決策があると思います
この<br>
の解決策はありますか?
よろしくお願いします
BRタグにクラスを追加し、デフォルトでdisplay:noneに設定するだけです。
次に、モバイルメディアクエリで「display:static」に設定します
BRタグがデフォルトで表示ブロックであるとは思わないため、ブロックではなく静的を提案しました。おそらく、単純に静的を使用するのが最善です。
Bootstrapを使用している場合:
<br class="visible-xs">
フロートを使用するだけで、スナップポイントがどこにある必要があるかを考える必要さえありません。両方を並べて表示するか、収まらない場合はすぐに次の行にスナップします。
span {
display: block;
float: left;
margin-right: 0.4em;
}
jsFiddle: http://jsfiddle.net/e4mWK/
モバイルで最初にbr
を非表示にしてから、大画面でディスプレイをinitial
に戻します。
<br class="hide desktop-show">
css:
.hide {
display: none;
}
@media (min-width: 64em) {
.desktop-show {
display: initial;
}
}