|
Mailing Lists
|
Home /
Groups /
ColdFusion Talk (CF-Talk)
viewport tag question
My apologies for the non-CF related question (though the site isMatt Williams 07/02/12 10:20 A Sorry, to get to the non-mobile site, you should use this url:Matt Williams 07/02/12 10:42 A How about this one?Rick Faircloth 07/07/12 07:27 P 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 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 ----- 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
|
May 20, 2013
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||