2013-03-03 46 views
0

我正在將現有網站改編成jquery移動版本,並且之前曾使用過該框架。我有一個iPhone 5,我不知道爲什麼,但該網站顯示,因爲它應該在桌面瀏覽器,但在iPhone上顯得非常小。我確實有行<meta name="viewport" content="width=device-width; initial-scale=1" />,我是否錯過了別的?這是視圖的截圖。 (我沒有使用任何自定義的CSS除了少數color設置)jQuery Mobile站點顯得非常小(GoDaddy Forward with Masking)

enter image description here

+0

我不認識瀏覽器。這是否發生在Safari? – 2013-03-03 17:40:14

+0

@KingJulian Yeah完全一樣的結果。該網址是tnacommunity.net/mobile,如果這將有所幫助。 – SnareChops 2013-03-03 17:42:31

+0

該網站有一個內置移動網站的iFrame。實際的網址http://bluelineapps.net/TnA//mobile/在Safari中按預期工作。 – 2013-03-03 17:47:56

回答

1

你需要用逗號內容元素分開,沒有分號:根據您的意見

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

編輯以上: 該網站有一個移動網站的iFrame。實際網站的網址bluelineapps.net/TnA//mobile在Safari中按預期工作。

+0

不幸的是,似乎並沒有改變結果。 – SnareChops 2013-03-03 17:35:31

1

我的理解是Mobile Safari在iframe中渲染網站時不尊重視口設置。 Webkit開發人員告訴我這一點。

由於您使用的是使用iframe的遮罩轉發,因此目標網站無需任何視口設置即可呈現 - 就像在桌面上一樣。

如果您對iframe的來源有任何控制權,您可以嘗試使用對象標記而不是iframe,但是我認爲您沒有控制權,因爲您使用Godaddy屏蔽轉發,並且從我的體驗它並不能完全解決這些問題(雖然好像讓它們好一點)