ADOBE - Why is the meta "viewport" tag missing from the jQuery Mobile Web starter pages?

Question

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

Answer 1

Sorry, Im not sure where you are looking, but here is the code directly from my #s3
slider.css page. You'll see that the change you suggested has been made. I did upload the changes as well.
If this doesn't work, is there a more simple download you can recommend for a 3-4 photo slideshow?
Minibuzz - CSS File For s3Slider JQuery
#s3slider {
    width: 960px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
#s3slider a.but, #s3slider a.but:visited{color:#fff; padding:0px 0px; background-color:#444; filter: alpha(opacity=90); opacity: 0.9; border:solid 2px #363637;}
#s3sliderContent {
width: 960px; /* important to be same as image width or wider */
position: absolute;/* important */
list-style-type:none !important;
margin-top: 0px;
margin-left: 0px;
*padding-left: 0;*
.s3sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
    llist-style-type:none !important;
.s3sliderImage div {
    position: absolute; /* important */
    right:0;
    top:0;
    font-size: 12px;
    padding:0;
    width: 390px;
    height:340px;
    padding:60px 30px 20px 30px;
    background-color: #000;
    filter: alpha(opacity=60); /* here you can set the opacity of box with text */
    opacity: 0.6; /* here you can set the opacity of box with text */
    color: white;
    display: none; /* important */
    bottom: 0px;   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image