我正在將現有網站改編成jquery移動版本,並且之前曾使用過該框架。我有一個iPhone 5,我不知道爲什麼,但該網站顯示,因爲它應該在桌面瀏覽器,但在iPhone上顯得非常小。我確實有行<meta name="viewport" content="width=device-width; initial-scale=1" />
,我是否錯過了別的?這是視圖的截圖。 (我沒有使用任何自定義的CSS除了少數color
設置)jQuery Mobile站點顯得非常小(GoDaddy Forward with Masking)
0
A
回答
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屏蔽轉發,並且從我的體驗它並不能完全解決這些問題(雖然好像讓它們好一點)
相關問題
- 1. JQuery獲得非站點html標記
- 2. jquery mobile with two navbars
- 3. $ post is not working with jquery mobile
- 4. Android Tabs顯得非常大
- 5. 在WAMP上運行得非常慢的WordPress站點
- 6. UIImageView在UICollectionViewCell中顯示得非常小,雖然圖像很大
- 7. Jquery Mobile List點擊
- 8. Javascript:Overdrive URL Masking
- 9. Admob橫幅有時顯示非常小
- 10. 在非移動網站上使用jQuery Mobile的主題
- 11. Masking in Matlab
- 12. jQuery Mobile Framework和非常大的數據列表
- 13. jQuery Mobile無法在godaddy服務器上工作
- 14. JQuery Mobile小複選框
- 15. jquery mobile兩位小數
- 16. 爲jQuery Mobile設置大小?
- 17. WebBrowser ShowPrintPreviewDialog()非常小
- 18. Android Masking
- 19. Masking QLineEdit文本
- 20. 請點擊非常簡單的android小部件按鈕幫助。變得非常沮喪。 :(
- 21. 使用Zend的一個非常小的網站的任何缺點
- 22. Forward Forward Rule Xml DTD
- 23. javascript中的Masking urls
- 24. MATLAB:非常小的數字除以非常小的數字
- 25. jQuery Mobile的VS常規的jQuery
- 26. 非常小的3D渲染
- 27. Iphone - Masking JPG圖像
- 28. 使用jQuery Mobile編程站點的風險?
- 29. jquery mobile阻止從我的基於Django的站點下載
- 30. jQuery Mobile文檔和演示網站:箭頭不可點擊
我不認識瀏覽器。這是否發生在Safari? – 2013-03-03 17:40:14
@KingJulian Yeah完全一樣的結果。該網址是tnacommunity.net/mobile,如果這將有所幫助。 – SnareChops 2013-03-03 17:42:31
該網站有一個內置移動網站的iFrame。實際的網址http://bluelineapps.net/TnA//mobile/在Safari中按預期工作。 – 2013-03-03 17:47:56