視口的屬性不工作的移動網站

Question

所以我給自己定了一些媒體查詢鏈接到不同的樣式表，一個用於臺式機，一個用於移動，看起來像這樣

<link rel="stylesheet" href="styles_phone_320.css" type="text/css" media="(max-device-width:320px)" /> 

我的視口元標記看起來是這樣的

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

出於某種原因，當我加載在我的iPhone 5的頁面看起來人像很大，但是當我旋轉它，它不會擴展到填滿整個屏幕。只是在所有內容右側的空白處。我究竟做錯了什麼？

Answer 1

我在一年後回答這個問題，儘管我可能已經找到了解決方案大約6個月前...

我所要做的就是去除initial-scale="1"。這解決了它。您會發現，這可以讓頁面按比例增加以滿足屏幕的邊緣。