views:

16

answers:

1

Hello,

I'm working on a mobile website, but when I view the site on the phone, the website is automatically shrink to a very small font and user has to expand the screen to like 100%. How do I make it , each time user visits the site, it automatically displays at the right size?

Here's my CSS :

.content {
width:auto;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:justify;
}

And my HTML

<div class="content"> Hello
<div id="logo"><img src="banner.png" border="0"></div>
</div>

However, all the text appearing in android and iphone is very tiny. Any advice is appreciated.

Thank you!

A: 

Try adding this to your <head>:

<meta name="viewport" content="width=device-with, user-scalable=yes">
Francois B.
Thanks! It works!
Sylph