レスポンシブCSSはスマートフォンでは機能しません

Question

私はasp.netレスポンスページを作成しています。

私はこのCSSの構造を使用しています：

.customNavbar { 
    display: none; 
    margin-bottom: 0; 
} 

.navMenu { 
    display: none; 
} 

.divTopTicket { 
    display: none; 
} 

    /**** OTHER THINGS FOR DESKTOP LAYOUT *****/ 


@media (max-width: 600px) { 

    /**** LAYOUT FOR SMALLER SCREEN *****/ 

} 

は、実際に私はこのような状況をしました：

私は自分のデスクトップ上のブラウザでページを開くと、私は右のデスクトップレイアウトを取得します。次に、私はブラウザのウィンドウのサイズを手動で縮小しようとし、600pxでは適切な応答レイアウトを得ます。

この後、私はスマートフォンでページを開くためにしようと試みていると私は、この問題をしました：

ページは、通常のレイアウトとデスクトップブラウザのように開いて、私は本当に理由を理解していません。私はCSSが正しいと思います。

誰かが私を助けることができますか？

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tagは、そうでない場合は、お使いの携帯電話は、それがデスクトップサイトだかのようにウェブサイトを扱うために起こっている：

Answer 1

あなたは、ビューポートのタグを使用する必要があります。あなたの頭の中で例えば

、：

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

Answer 2

あなたにもこのメタタグを使用する必要があり、そして唯一の画面とを（最小幅：）@media使用することを忘れないでください、あなたのCSSファイル内。 ：767pxはタブレットやモバイルデバイスに最適な幅です。

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