@media max-widthはモバイルブラウザでは動作しませんか？

私のモバイル@media only screen and (max-width:860px;){は、HTMLコードインスペクタを携帯端末に置いたときにブラウザで動作しません。@media max-widthはモバイルブラウザでは動作しませんか？

そのほとんどがthisに説明されています。

それは、例えば、私の他の@mediaコード上で作業を行います。より多くのコードが必要な場合は

@media only screen and (max-width: 1000px) { 
    .extramargin { 
     margin-left: 0; 
    } 
    #click { 
     margin-left: 40px; 
     width: 90%; 
    } 
}

私はより多くのコードを送信することができます。私はコードのどの部分が私が1200行のコードを持っているのか分からず、コードスニペットを作るためにすべてを見つける前に時間を検索しなければなりません。しかし、必要ならば私はそれを行うことができます。

出典

2017-02-01 Minegolfer

デバイスの幅をデバイスのACTUAL幅にすることをブラウザに指示する必要があります。したがって、ビューポートを設定する必要があります。はちょうど私が私が前にこれを試したと思ったし、その後、私のウェブサイトで多くのものが奇妙に置いてしまった、<head>セクション

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

出典

2017-02-01 15:19:13

ワウでこれを含めます。たぶん私はこれを試した初めてのコードを間違って書いた。しかし、それは働いてくれてありがとう：D – Minegolfer

ハハはもう少し前に同じ問題を抱えていました。私が気づくまで私を夢中にしてくれた：D –

3分を待ってから答えとして受け入れることができる;） – Minegolfer

@media max-widthはモバイルブラウザでは動作しませんか？

答えて

関連する問題