2017-12-09 3 views
-2

画面の幅が特定の値を上回る/下回っている場合は、ブートストラップ4の有無にかかわらずdivを非表示にすることはできますか?それにはjavascriptが必要ですか? 具体的には、私は特定のテキストを隠すことを探しています(私はモバイル画面上で役に立たないと感じます)。私は "隠れたsm-up"のようなクラスを試みたが、私はそれを働かせることができなかった。もし基本的な質問であれば申し訳ありません...デバイスの幅に応じてdivを表示/非表示にする

答えて

0

あなたが探しているのは、メディアクエリです。

.mydiv{display:block; /*default behavior*/} 
@media only screen and (max-width: 400px) { 
.mydiv{display:none; /*hide div on all screens with 700 and lower width*/} 
} 

(JSとoutpuutブロック間の仕切りをドラッグしてみてください) https://jsfiddle.net/qaabhmou/

より多くのあなたがここで見つけることができます: https://www.w3schools.com/css/css3_mediaqueries.asp https://www.w3schools.com/css/css3_mediaqueries_ex.asp

+0

なぜ重要なの!? – iSZ

+0

真実は、必ずしも必要なわけではありませんが、私はプロジェクトに取り組んでいましたが、かなりの数のメディアクエリがあって、本当に面倒でした...時々、このスタイルがそこにあることを確かめるためにします。私は、このような簡単な例では、必要ではないことを認めています。 – Zorak

+0

質問者、そのタンクのいくつかの誤解を防ぐために削除 – Zorak

関連する問題