2012-12-07 142 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改编为移动格式将会有很大的帮助。