House of Fusion
Search over 2,500 ColdFusion resources here
  
Home of the ColdFusion Community

Mailing Lists
Home /  Groups /  ColdFusion Talk (CF-Talk)

viewport tag question

  << Previous Post |  RSS |  Sort Oldest First |  Sort Latest First |  Subscribe to this Group Next >> 
Top  |   Reply  |   Original Post  |   RSS Feed  |   Subscribe to this Group
Author:
Matt Williams
07/02/2012 10:20 AM

My apologies for the non-CF related question (though the site is running on CF), but I know folks here are so well-rounded I'll throw it out. I'm struggling with getting a site to scale correctly on mobile devices. I have tried the viewport tag with various settings, but don't really understand the tag that well. The current code has this: <meta name="viewport" content="width=960, initial-scale=1, maximum-scale=1"> I have tried setting the width=device-width and it didn't seem to help. Site in question: http://amaproracing.com/ In portrait mode on whatever device (seems consistent across various phones and tablets), it loads with only a portion (30%?) of the width showing. You can pinch the screen to zoom out and get the entire site. Landscape mode seems to be ok for most devices. Does anyone have a solid understanding of how to set the viewport tag up so it is good in both portrait and landscape orientations? Banging my head, -Matt

Top  |   Parent  |   Reply  |   Original Post  |   RSS Feed  |   Subscribe to this Group
Author:
Matt Williams
07/02/2012 10:42 AM

Sorry, to get to the non-mobile site, you should use this url: http://amaproracing.com/?mo=1 It's the full site that is the problem, not the mobile site. -Matt ----- Excess quoted text cut - see Original Post for more -----

Top  |   Parent  |   Reply  |   Original Post  |   RSS Feed  |   Subscribe to this Group
Author:
Rick Faircloth
07/07/2012 07:27 PM

How about this one? <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1" /> Rick My apologies for the non-CF related question (though the site is running on CF), but I know folks here are so well-rounded I'll throw it out. I'm struggling with getting a site to scale correctly on mobile devices. I have tried the viewport tag with various settings, but don't really understand the tag that well. The current code has this: <meta name="viewport" content="width=960, initial-scale=1, maximum-scale=1"> I have tried setting the width=device-width and it didn't seem to help. Site in question: http://amaproracing.com/ In portrait mode on whatever device (seems consistent across various phones and tablets), it loads with only a portion (30%?) of the width showing. You can pinch the screen to zoom out and get the entire site. Landscape mode seems to be ok for most devices. Does anyone have a solid understanding of how to set the viewport tag up so it is good in both portrait and landscape orientations? Banging my head, -Matt


<< Previous Thread Today's Threads Next Thread >>

Search cf-talk

May 20, 2013

<<   <   Today   >   >>
Su Mo Tu We Th Fr Sa
       1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31   

Designer, Developer and mobile workflow conference