モバイルデバイス（携帯電話/タブレット）とCSSメディアクエリを使用したブートストラップ

Question

モバイルデバイス（携帯電話とタブレット）でのBootsrapとCSSのメディアクエリに大きな問題があります。ベーシック私はいくつかのCSSメディアクエリでデフォルトのBoostrapグリッドを使用しています（Bootsrapからモバイルメニューを隠す/表示するなど）。

デスクトップブラウザ（ChromeとFireFox）に基づいて、すべて正常に動作し、レイアウトは応答します。その場合はcol-sm-クラスを使用しましたが、携帯端末では動作していません（Nexus 7とLG3でテスト済み）ので、col-md-とそのグリッドは正常に動作していますが、Nexus 7はランドスケープモードには影響しません。

Bootsrapグリッドに問題が発生した後、@media screen and (max-width: 768px) {}のような通常のCSSメディアクエリに問題があります.Nexus7またはLG3（少なくともポートレートモードで起動する必要があります）ではトリガーされません。これらすべての問題を参照するには

サイトはここにある：何が起こっているhttp://bgcnj.org/

任意の手掛かり？

Answer 1

あなたのヘッダにこれを追加します。

は

<meta name="viewport" content="width=device-width, initial-scale=1">

これはあなたのモバイル固有のCSSを適用することができるようになります。