0

style.cssの一番下で上記のすべてのスタイルを実行すると決めたという問題があります

.searchMoveDown, .moveIcons{
    display:visible;
}

@media (max-width: 768){
   /* Hide the search and icons in the nav.*/
  .searchMoveDown, .moveIcons{
      display:none;
  }
}

画面を 768 ピクセル未満に縮小しても、2 つのクラスはまだ表示されていますが、display: none;さらに悪いことに、クロムがメディア クエリを認識していないことが明らかになりました。ここで、1 つのスタイル シートで行うことにしました。これは主に、ブートストラップがそうしているためであり、2 つのスタイル シートをフェッチするよりもすっきりしているように見えます。

私は何かが足りないのでしょうか....

私もこれらは機能しません。おそらく私はただ頭がおかしいだけです。

4

2 に答える 2

1

メディア クエリに px がありません。 

@media (max-width: 768px){
       /* Hide the search and icons in the nav.*/
      .searchMoveDown, .moveIcons{
          display:none;
      }
    }
于 2013-11-07T21:48:39.543 に答える
0

クエリにユニットがありません!

@media (max-width: 768px){
   /* Hide the search and icons in the nav.*/
  .searchMoveDown, .moveIcons{
      display:none;
  }
}
于 2013-11-07T21:48:57.810 に答える