Hi -
I'm just starting to play with mobile and responsive web design. I worked out a mobile version of an existing site which looked good locally but when I uploaded it the site appeared miniaturized and not optimized for small viewports. All the text, images, buttons, etc - were tiny on the iPhone screen when the site was supposed to adapt to the small screen. It took me a few hours of hair pulling to find out that the most important tag of all was missing:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Why on earth would Adobe tout that their web dev application has features to springboard mobile design if the starter pages don't even include the fundamental tag that makes a site viewable on mobile screens ??
Is my version of Dreamweaver missing something? Version 12/build 5861, Mac OS X 10.7.5 ? Or has someone at Adobe forgot to test this product? Or am I just crazy (besides being mad as hell)?
thanks,
Josh