媒體查詢的怪異

Question

我的LG Optimus One手機的分辨率爲320x480。然而，只有媒體查詢的最大寬度爲800px（並且每個人都知道320 = 800！）會在該移動設備上觸發。

任何解釋？

Answer 1

@mike嗯，我懷疑你可能會遺漏你的聲明。這應該告訴瀏覽器將它的視口大小調整爲屏幕寬度（即：320px），而不是其作爲默認（即：800px）提供的（任意）桌面屏幕寬度。

以下線程可能有助於闡明這個問題一些輕： Android browser reporting the wrong screen size?

Answer 2

的解釋是，最大寬度查詢觸發各種規模小比指定最大寬度。如果您想將樣式表限制爲800px +，則需要使用最小寬度800px。

Answer 3

你必須使用這個代碼在頭部分：

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