我很困惑。我試圖通過播放媒體查詢來使網站響應。爲什麼我的Android設備寬度爲980像素？
根據大多數來源，例如this，用於智能手機的mediq查詢是max-device-width: 480px和min-device-width: 320px。
但是當我使用這些查詢時，我的android 2.x仍然顯示頁面的「計算機版本」。所以我開始更改查詢的值，並注意到我的手機似乎具有980像素的設備寬度。
爲什麼？我真的很想掌握這一點，當然我可以在使用980時感到滿意，但我想知道發生了什麼，爲什麼？我的意思是我的手機在這方面不應該是980像素寬或高，是像素密度問題嗎？
您可能需要使用的max-width代替max-device-width嘗試。這可能是一個像素密度的東西 - max-device-width可能會報告設備像素，而不是CSS像素。
這是一個測試頁面：
真正得到這個句柄，你要讀彼得 - 保羅科赫提出的「兩個視口的傳說」：
而且可能是他做的移動設備CSS推薦：
爲我解決了這個問題，謝謝你提供這些有用的鏈接！ – Millenjo 2013-04-08 10:57:18
@Millenjo：非常好。是的，''標籤是我在編寫移動CSS時保持清醒的唯一方式（儘管我只是使用''，我認爲'最大比例= 1'禁用用戶縮放，默認情況下我不想這樣做）。你非常歡迎，這是一個令人困惑的領域：花了我很長一段時間來讓我的頭靠近它。要記住的關鍵是設備像素（即設備屏幕上的一個物理像素）不一定與一個CSS像素相匹配。 – 2013-04-08 12:06:32
請參考以下網址與設備寬度信息：
http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml
我知道這個問題是舊的，但對於未來的人誰看這個，這是最有可能的，因爲造成OP沒有設置適當的元標記。將此添加到標題。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
不是，您是否添加視口元標記存在問題。它與最大寬度和最大設備寬度之間的差異有關。 – dramzy 2015-07-07 16:48:15
修復了我的問題！ ：d – 2017-02-12 01:30:34
你正在測試什麼樣的手機型號和Android版本？ – 2013-04-08 10:38:39
HTC慾望高清跑步2.3.5 – Millenjo 2013-04-08 10:39:20
但我認爲這個問題也存在於iphone 4上，不知道操作系統版本。 – Millenjo 2013-04-08 10:39:43