Path: csiph.com!usenet.pasdenom.info!weretis.net!feeder4.news.weretis.net!newsfeed.tele2net.at!news-hub.siol.net!newsfeed.t-com.hr!garrison.bnet.hr!gregory.BNet.hr!not-for-mail
From: "A" <a@a.a>
Newsgroups: comp.lang.javascript
Subject: How to initialize viewport exact size?
Date: Thu, 23 Aug 2012 23:04:36 +0200
Organization: B.net Hrvatska d.o.o.
Lines: 22
Message-ID: <k165tb$m26$1@gregory.bnet.hr>
NNTP-Posting-Host: dh207-30-102.xnet.hr
X-Trace: gregory.bnet.hr 1345755883 22598 88.207.30.102 (23 Aug 2012 21:04:43 GMT)
X-Complaints-To: abuse@globalnet.hr
NNTP-Posting-Date: Thu, 23 Aug 2012 21:04:43 +0000 (UTC)
X-Priority: 3
X-MSMail-Priority: Normal
X-Newsreader: Microsoft Outlook Express 6.00.2900.5931
X-RFC2646: Format=Flowed; Original
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.6157
Xref: csiph.com comp.lang.javascript:15532

...
<meta name="viewport" content="user-scalable=no, initial-scale=1, 
maximum-scale=1, minimum-scale=1, width=device-width;" />
...

<body>
...
<img src="image.jpg" />
...

The above loads picture in mobile Safari but the problem is that it is 
double size than the original image. Original image is in screen resolution 
and should fit the screen from corner to corner (100%).

If I change initial scale to 0.5 then it is fine, but why is this so?
Shouldn't it be with initial scale 1 and width device width fill the screen 
as intented?

I am new to mobile HTML/Javascript (although I have experience with desktop 
variant) so go easy on the newbie :)