2012-02-01 36 views
2

因此,我在iOS产品上遇到JQM和设备旋转问题。当用户旋转屏幕时,它不会调整大小以填充。我有这条线在处理显示器大小的头部:jquery移动设备旋转缩小屏幕

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

有谁知道iPhone为什么没有正确处理屏幕旋转?它在我的android上正常工作。

回答

3

把它弄出来哈哈。

在我的脑海

,我这样做:

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

这样:

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

愚蠢的错误。希望这可以帮助你们中的一些人。

+1

要正确缩放所有设备的屏幕尺寸,您应该在新的'viewport'标记中添加'width = device-width'。 – Jasper 2012-02-01 23:24:37

+0

这会破坏iPhone上的旋转吗?这就是我发现问题的地方...... – gabaum10 2012-02-02 14:03:35

+1

我有这个问题,而且我使用这个'viewport'标签:''。我发现通过去除方向变化发生的'height = device-height'如预期的那样发生。我还发现,如果在'viewport'标记中有'height = device-height',那么您可以通过在'orientationchange'的'viewport'标记中切换高度/宽度值来解决iOS方向改变问题。 – Jasper 2012-02-02 17:23:11