ios 4網站發佈媒體查詢或視口

Question

我已經爲客戶編寫了一個網站，現在我正在開發智能手機模板。 我使用max-device-width作爲媒體查詢來分離智能手機和平板電腦。 Everythng工作正常，但iPhone 4放大網站。 我不知道我是否定義了視口錯誤或是一個錯誤？ 網址是：http://mksgmbh.com 我用下面的視口

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, target-densityDpi=device-dpi' name='viewport' /> 
<meta name="viewport" content="width=device-width" /> 

我試圖初始比例設置爲1，但它不工作了。

Answer 1

當我看着這個網站，現在你有多個視口標籤。嘗試刪除所有這些，並用

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

，或者如果你想防止用戶縮放替換它們：

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

UPDATE
此外，在你媒體查詢使用最多的設備寬度，例如

@media only screen and (max-device-width: 760px) { 
... 
} 

除非你試圖針對特定的設備，你可以嘗試只

@media only screen and (max-width: 760px) { 
... 
} 

設備寬度和寬度是不一樣的事情，爲響應式設計，寬度通常會得到你想要的結果。 This link has some more background info約有差異

希望這有助於！