在iPad上使用iPhone尺寸而非iPad尺寸打开iPhone应用程序（Phonegap包装的应用程序）

Question

Before iOS 7, iPhone apps used to launch on iPad apps with iPhone dimensions. However, now the apps launch with iPad dimensions.

Is there a way to revert this functionality? We tried playing with different viewport settings, but those failed to do anything.

Here's the newest viewport setting we tried: <meta name='viewport' content='initial-scale=1.0,user-scalable=no,maximum-scale=1' />

Our app is written with HTML5 and uses Phonegap as a wrapper.

We also considered JavaScript solutions to determine the device width at run time, but again, this fails because the apps launch with iPad dimensions instead of iPhone dimensions.

Answer 1

Are you iPad user? In iOS 6 and below behaviour was awful.

If you want to your users would be happy, use full size app.

Why are you trying change this behaviour?

Answer 2

If your PhoneGap app is built for iPhone only instead of universal then no changes to the HTML/CSS/JavaScript will impact this.

You can either change you app to be universal and then choose what happens when it is running on an iPad, or be at the mercy of the operating system on how it will display.

To be honest, I haven't tried any iPhone-only apps on my iPad since iOS 7, so I was unaware of the change.

Perhaps some others will know if there are other options without building the app as Universal (since you stated you don't want to do that).

Answer 3

This worked for us: using <meta name="viewport" content="initial-scale=1"> instead of <meta name="viewport" content="width=device-width, initial-scale=1"> . Found here: Transition to iOS 7: correct viewport setting for jQuery/iPhone Webapps viewed on iPads