媒體查詢不適用於最大寬度的屏幕尺寸（640像素）

Question

如果屏幕尺寸為640px或更小，我正在做出響應，它會更改布局。 有人告訴我，這是大多數智能手機（例如iPhone）所需的尺寸。 但是，當我在3種不同的智能手機（包括iPhone 5s）上測試網站時，它仍然顯示桌面網站。 只有當我將最大寬度更改為980px時，它才能在移動設備上顯示移動版本。

是因為移動設備的大小實際上是980px，還是因為我對媒體查詢的操作不正確（我是新手）？ 我的HTML查詢是否需要任何代碼？

這是我在CSS中的媒體查詢：

@media handheld, screen and (max-width: 640px)

這是我HTML頭中的鏈接：

<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>

======================更新=====================

感謝您的回答。 我錯過了meta標簽，並添加了對其進行修復的標簽（我是媒體查詢的新手）。 一段時間以來，它工作正常，但是我在CSS和HTML中都添加了一些內容，但現在又無法正常工作了。

這次，我將包含指向上載網站的鏈接。 任何其他技巧也將不勝感激，因為我是Web設計的新手，大約4個月。

http://ajhill.esy.es/

Answer 1

嘗試將jsfiddle放入您的代碼中，以便我們可以看到它出了什么問題。

除了嘗試一次

@media handheld and (max-width: 640px), screen and (max-width: 640px) {

//your css here

}

@media handheld, screen and (max-width: 640px)而不是@media handheld, screen and (max-width: 640px) ，看看是否有任何區別。