How about this one? <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1" />
Rick -----Original Message----- From: Matt Williams [mailto:[email protected]] Sent: Monday, July 02, 2012 10:20 AM To: cf-talk Subject: viewport tag question 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 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:351857 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
