自適應佈局移動問題

Question

我有3個不同的瀏覽器寬度的替代佈局。編碼的CSS在我的index.html像這樣：

<link rel='stylesheet' media='screen and (max-width: 640px)' href='narrow.css' /> 
 
<link rel='stylesheet' media='screen and (min-width: 641px) and (max-width: 1200px)' href='med.css' /> 
 
<link rel='stylesheet' media='screen and (min-width: 1201px)' href='wide.css' />

它完美我的桌面上，當我改變瀏覽器窗口大小，當我在幾個響應式佈局的測試頁面測試它。
問題：在我的移動設備（iphone 5）上不起作用，在任何瀏覽器中：它使用錯誤的屏幕尺寸佈局。 atm無法在其他設備上測試。
有什麼建議嗎？在你的HTML代碼

Answer 1

檢查meta標籤應該是

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

那麼只有這將是設備

工作請參考以下鏈接還

https://css-tricks.com/snippets/html/responsive-meta-tag/