携帯電話がメディアクエリを認識しない

Question

私は興味深い苦境を抱えています。私は応答性の高いサイトに取り組んでいます。ブラウザのサイズを変更すると、すべてがうまくいきますが、私のiPhoneからサイトを見ると、私のように定義した適切なメディアクエリからのクエリ、：誰もがこの前に遭遇した場合

@media (max-width: 479px) { 
    rules 
} 

サイトはericbrockmanwebsites.com/dev2は思っています。

ご協力いただきまして誠にありがとうございます。

Answer 1

モバイルデバイスにメディアクエリを尊重するには、<meta name="viewport" content="width=device-width, initial-scale=1">を頭に含める必要があります。

Answer 2

移動における体またはページ包装体の幅を越えて延びる画像と特定の場合において、単に頭部に

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

を置くこと中心べき身体を調整することができます。