手機無法識別媒體查詢

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">

在頭部可以調整人體爲中心。