如何在移動設備上使用css max-width？

我變得有點困惑在這裏 - 我有以下CSS樣式：如何在移動設備上使用css max-width？

@media (max-width: 855px) { 
    #page { 
     //declarations 
    } 
}

此作品在我的桌面上正常的，瀏覽器設置的風格，當我調整窗口的大小，因爲它是宣佈。但是，我似乎無法使其在移動設備上工作。在iPhone 4上測試這個佈局設置不正確。我認爲，如果iphone的顯示器是640 x 960像素，它可以正常工作。我錯過了什麼？

2013-10-06 Fygo

在桌面上添加媒體查詢中，應該最大值爲855px，在移動設備上應該100％填滿屏幕。你有我們可以看的鏈接嗎？ – Rich

這是一個鏈接：http://www.pixelhood.com/fb/我會假設菜單項將在垂直佈局移動，但他們不是。 – Fygo

你提到的這個分辨率對於iPhone來說似乎有點高。 –

嘗試增加給你的頭標記：

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

2013-10-06 00:52:47 Rich

確保與"viewport"您的中繼之前</head>標籤

，並在你的CSS

@media (max-width: YOUR_WIDTH_VALUE) { 

}

2013-10-06 01:07:03

回答