2012-12-07 140 views
0

我可以在jQuery中手動調整窗口對象的大小嗎?我正在修改一個窗口寬度爲640px的iPhone上的Web應用程序,我不知道它是如何導致iPhone屏幕寬度爲320px(肖像模式)。 我試圖從html文檔的head部分刪除所有元標記,但沒有任何更改。 任何想法如何我可以解決這個問題?jQuery調整窗口對象的大小


我沒有成功添加元標記。主要問題是iPhone 4擁有640x960像素的屏幕。我以前不知道這一點。所以我的iPhone媒體查詢設置爲320x480像素。 但還有另一個問題。當我切換模式時,分辨率會達到320x480像素,並保持在這些值上。 我不知道爲什麼會發生這種情況,並且很難爲這種情況設置CSS。

客戶端的網站上都有meta標籤,我不知道爲什麼: 「meta name =」viewport「content =」width = device-width,initial-scale = 0.5,minimum-scale = 0.5, maximum-scale = 1.0「 」meta name =「viewport」content =「initial-scale = 1.0,minimum-scale = 1.0,maximum-scale = 1.0,user-scalable = no,width = device-width」

+0

你確定這不是一個縮放問題與CSS或視口? 這是否在你的腦海中? 參考 - http://eisabainyo.net/weblog/2009/06/12/making-a-website-iphone-friendly-using-css/ – JSess

+1

'原因iPhone屏幕是320px寬'。這取決於,iPhone 4實際上有一個640x960像素的屏幕。 – Roman

+0

是的。這就是殺了我。但是當我切換模式時,分辨率會變成320x480像素。我正在提醒窗口高度方向的變化。這是正常的嗎? – user1885876

回答

0

您的文檔<head>中的以下內容?

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

這將防止ios縮放頁面。

之後,您將不得不調整/移動應用程序的內容以匹配設備,而不是相反。

CSS Media Queries對於將您的webApp改編爲移動格式將會有很大的幫助。