ブートストラップnavbarが高画素率モバイルデバイスでアクティブでない

Question

モバイルデバイスが2台あるとします。一方の画素の比率は他方よりも高い。より高いピクセル比率がiPhoneだとします。今、問題はブートストラップnavbarは低密度のピクセルの携帯電話ではアクティブですが、より高いピクセル比を持つiPhoneではアクティブではありません。私はブートストラップクラスを調べています。デバイスのピクセルが最大768pxと最小767pxの場合、navbarがアクティブになることがわかりました。 iPhoneでnavbarを有効にするには、起動しきい値を上げてください。

相互依存性のために動作しない多くのブートストラップ機能があるため、起動しきい値を上書きしたカスタムCSSファイルを書きましたが、機能しませんでした。

私はブートストラップのクラスを手動で変更する必要があります。私は、ブートストラップのメジアンやmdであるような、990やそのようなもので768と767の値を変更しました。私の番号は間違っているかもしれないが、あなたは私のポイントを得る:)。

モバイルデバイスでアクティブなナビゲーションバーを使用する方法はありますか。

Answer 1

このビューポートのメタタグはありますか？これは

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 

Answer 2

悲しいことに、デバイスがモバイルであることを信憑性で検出することはできないため、メディアクエリは引き続き使用できます。