[
https://issues.apache.org/jira/browse/CB-4323?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13766080#comment-13766080
]
Shazron Abdullah edited comment on CB-4323 at 9/13/13 12:48 AM:
----------------------------------------------------------------
Found the solution, it's a meta viewport thing - the fix doesn't seem to break
anything on iOS 6.x as well, but I only did limited testing.
Original meta viewport tag:
{code}
<meta name="viewport" content="user-scalable=no, initial-scale=1,
maximum-scale=1, minimum-scale=1, width=device-width, height=device-height,
target-densitydpi=device-dpi" />
{code}
Remove the width= and height= attributes:
{code}
<meta name="viewport" content="user-scalable=no, initial-scale=1,
maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi" />
{code}
was (Author: shazron):
Found the solution, it's a meta viewport thing - the fix doesn't seem to
break anything on iOS 6.x as well, but I only did limited testing.
{code}
<meta name="viewport" content="user-scalable=no, initial-scale=1,
maximum-scale=1, minimum-scale=1, width=device-width, height=device-height,
target-densitydpi=device-dpi" />
{code}
Remove the width= and height= attributes:
{code}
<meta name="viewport" content="user-scalable=no, initial-scale=1,
maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi" />
{code}
> IOS 7, target iphone, install on ipad, window height and width are of ipad,
> not the iphone
> ------------------------------------------------------------------------------------------
>
> Key: CB-4323
> URL: https://issues.apache.org/jira/browse/CB-4323
> Project: Apache Cordova
> Issue Type: Bug
> Components: iOS
> Affects Versions: 2.7.0, 2.8.0, 3.0.0
> Environment: ios7 ipad, app must only target iphone, not ipad
> Reporter: Tom Wilson
> Assignee: Shazron Abdullah
> Priority: Critical
> Labels: ios7
> Fix For: 3.1.0
>
>
> IOS 7, target iphone, install on ipad, window height and width are of ipad,
> not the iphone.
> See screen shot, the window height and width are 1080x768 and they should be
> the iphone size. This causes the window to overlap the iphone container
> screen.
> This is only present in ios7, ios6 works fine.
> Screenshot...
> http://i.imgur.com/zIJNetJ.png
> See window height and width calculations from $("body").height() and
> $("body").width()
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira