[jira] [Comment Edited] (CB-4323) IOS 7, target iphone, install on ipad, window height and width are of ipad, not the iphone

["Shazron Abdullah (JIRA)" <ji...@apache.org>]

    [ 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