メディア クエリで非常に奇妙な問題が発生しています。次のメディアクエリがあります。
@media only screen and (max-width: 995px) {
//bunch of cool code here!
}
動作しているように見えますが、995px ではなく 994px でトリガーされます。これは大きな問題ではないようですが、プログラムを重ねるほど大きな問題になるようです。なぜなら、私のナビゲーション バーが私のロゴに干渉してしまい、それがうまくいかないからです。それはわずかな秒ですが、それでもです。
996px と 997px のメディア クエリを設定しようとしましたが、うまくいきません。これを修正するためにできることはありますか? それとも、これを回避するためにいくつかの主要なプログラミングを行う必要があるというバグですか?
そして、Safari、Firefox、およびChromeを使用してテストしました。