[support] Problems with iPad

[Philip_Wetzel at nhd.uscourts.gov]

Yay, it worked!  Looks great on iPad now!
Thanks!!
Phil



From:	Jamie Holly <hovercrafter at earthlink.net>
To:	support at drupal.org,
Date:	12/27/2013 01:34 PM
Subject:	Re: [support] Problems with iPad
Sent by:	support-bounces at drupal.org



Try adding this in the head:

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

You can look here, which is a Drupal site I just converted to responsive:

http://crooksandliars.com/

It's still on D6, but can give you an idea on how to make things scale
down to different sizes. I do have some media query magic going on in
there, but outside of the width over 940px, there really isn't anything
specific to the overall page, just changing the order of some things and
that.

Jamie Holly
http://hollyit.net

On 12/27/2013 12:14 PM, Philip_Wetzel at nhd.uscourts.gov wrote:
> Thanks Jamie,
>
> Got a couple of clues out of that.  I don't know if it is iPad specific.
> However, the other browsers (on my desktop) behave differently when
resized
> smaller.
>
> The thing I just noticed about the iPad is that it is zoomed in too far.
> Also, it is not centered.    It is centered with all the browsers on my
> desktop.
>
> It works pretty well with Firefox in mobile mode.  Stays centered as well
> as it can down to where it starts cropping from the right.  Which is
fine.
> The iPad will crop on all 4 sides as you zoom.   That would be OK if it
> was centered.
>
> It's starting sound like the real question is why isn't it centered, or
> how can I make it centered.
> Back to Google.
>
> Thanks again,
> Phil
>
>
>
>
> From:		 Jamie Holly <hovercrafter at earthlink.net>
> To:		 support at drupal.org,
> Date:		 12/27/2013 11:41 AM
> Subject:		 Re: [support] Problems with iPad
> Sent by:		 support-bounces at drupal.org
>
>
>
> Are you sure it's only the iPad, or is it any smaller screen? The
> easiest test is to resize your browser down to a smaller width and see
> if it acts up. If you're using Firefox, you can hit ctrl-shift-m to go
> to a mobile simulation mode.
>
> Jamie Holly
> http://hollyit.net
>
> On 12/27/2013 11:16 AM, Philip_Wetzel at nhd.uscourts.gov wrote:
> > Hi all,
> >
> > I have an issue when viewing my Drupal website with an iPad.
> > Sometimes it loads with the margin almost 1/3 too far to the left and
you
> > have to move it to the right.
> > Also, if you rotate the screen (forcing it to switch from landscape to
> > portrait and visa versa) it will
> > render too far to the left.
> >
> > I've found a few suggestions for adding attributes to the css file with
> no
> > success.  Namely....
> > body {		 		  margin: 0 auto; }
> > and
> > body {		 		  min-width: 1080px; }
> >
> > I've also found suggestions to add a meta tag.
> > <meta name="viewport" width=device-width />
> >
> > I'm not exactly sure how to do that.  I do have the
> > template_html_head_alter function in template.php which is supposed
> > to force ie out of compatibility mode.
> >
> > /** Implements hook_html_head_alter*/
> > function template_html_head_alter(&$head_elements) {
> >    // Force the latest IE rendering engine and Google Chrome Frame.
> >    $head_elements['chrome_frame'] = array(
> >      '#type' => 'html_tag',
> >      '#tag' => 'meta',
> >      '#attributes' => array('http-equiv' => 'X-UA-Compatible',
'content'
> =>
> > 'IE=edge,chrome=1'),
> >      '#weight' => -1001,
> >    );
> >    error_log('template_html_head_alter');
> > }
> >
> > Has anyone had to deal with this?
> > Happy new year,
> > Phil
> >
> >
> >
> >
> >
> >
> >
> >
>
> --
> [ Drupal support list | http://lists.drupal.org/ ]
>
>

--
[ Drupal support list | http://lists.drupal.org/ ]