cordova-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Michael Brooks <mich...@michaelbrooks.ca>
Subject Re: meta tag viewport bug(?) in iOS 7
Date Sat, 14 Sep 2013 16:25:57 GMT
device-height is used for some older BlackBerry devices (5 and 6 perhaps).
When the page is shorter than the viewport, it will collapse the browser
view. Settings the device-height fixes this issue.

device-width is used to prevent horizontal scrolling on some devices.

target-densitydpi, while deprecated, is critical for older Android devices
to render the image correctly.

I'm all for simplifying the viewport properties, HOWEVER, do proper testing
first. Many of these rules are required for older devices and operating
systems, such as BlackBerry 5, 6, and 7, Android 2.x, and Windows Phone 7.
If you remove a property, test it thoroughly first. Not just on the most
modern devices and operating systems.

I have to apologize for not documenting why each of the viewport properties
are required. It was a tricky combination.


On Fri, Sep 13, 2013 at 11:38 AM, Shazron <shazron@gmail.com> wrote:

> Unfortunately not removing device-width makes the bug surface. I think for
> now a note in the HTML and our upgrading docs should suffice.
>
>
> On Fri, Sep 13, 2013 at 11:30 AM, Andrew Grieve <agrieve@chromium.org
> >wrote:
>
> > device-height we should definitely remove. I think there were previous
> > discussions about how that messes up apps.
> >
> > device-width I'd be a bit worried about it introducing horizontal
> > scrolling, so we should be sure to test on all platforms.
> >
> > I'd also think target-densitydpi we'd want removed. It's pretty much
> never
> > useful to use device pixels on retina devices.
> >
> >
> > On Fri, Sep 13, 2013 at 2:13 PM, Shazron <shazron@gmail.com> wrote:
> >
> > > issue: https://issues.apache.org/jira/browse/CB-4323
> > >
> > > I think it's an Apple bug because it appears if you have an iPhone app
> in
> > > an iPad, it thinks device-width and device-height is the dimensions of
> > the
> > > iPad, when it is supposed to be iPhone sized.
> > >
> > > An option is removing the width and height attributes from the
> > > app-hello-world template since it doesn't appear to affect the layout
> on
> > > anything if removed (but fixes this alleged Apple bug) - but if it's an
> > > Apple bug, I think just a note in the HTML or some other doc will
> suffice
> > >
> >
>

Mime
  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message