iPhone 4網膜画像がCSSで正しくサイズ調整されていない

Question

モバイルサイトの画像を保存しようとしています。私はiPhone4の採用（幅640px）と低解像度（幅320px）を省いています。Safariモバイルでjpg画像を見ると、全幅（ポートレートモード）が表示されます。 CSSの背景画像として使用すると、画面の約2/3（ポートレートモード）になります。

私はそれを修正する唯一のものである網膜画面

@media 
only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation:portrait), 
only screen and (min-device-pixel-ratio : 1.5) and (orientation:portrait) { 

#header 
{ 
    background:url(images/hires/header.jpg) no-repeat; 
    width:640px; 
    height:257px; 
} 

} 

を検出するために、このコードを使用しています：私のHTMLヘッダー内

<meta name="viewport" content="width=640" /> 

。しかし、それは540pxの幅を持つAtrix 2のようなもののためにそれを完全に否定するだろう。私は試した：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

そして、画像は約2倍の幅（ポートレートモード）だった。

私の人生にとって、私が間違ってやっていることや、電話/解像度/画面サイズごとにどのように対処しているのか理解できません。

Answer 1

わかりましたが、これはそれを修正するように見えた、

iPhone 4以外のものにそれを試してみて、iphonetest.comすることができていない（初期規模= 0.5はその事でした助けてください）それが何をしているのかわからない