I have a mobile version of my site which is all placed inside a div tag that has height:auto and width:300px but when I view it on a mobile device it shows up all zoomed out which obviously isn't how it's supposed to look. How can I get it to automatically fill the screen?
Try adding this good sir:
<meta name="viewport" content="width=device-width; initial-scale=1.0">
Learn the Mobile Web: http://learnthemobileweb.com/2009/07/mobile-meta-tags/
10 Ways the Mobile Web is Different: http://www.elated.com/articles/10-ways-the-mobile-web-is-different/
Redesigning a Site For Mobile: What's Involved?: http://www.elated.com/articles/redesigning-a-site-for-mobile-whats-involved/
Thank you I have now sorted the problem!!
I you want to see how you've helped go to www.testing000.tk/mob.html on a mobile device.
Not sure who you're thanking, but you're welcome from both of us.
Both of you were helpful!!