Retina Display Issue

Question

私は、Webページで使用するためにPhotoshopから画像を保存しようとしていますが、私のWebページではPhotoshopよりも2倍のサイズで表示しています。それはあたかも200％のスケールアップされているように濁っているようです。

画像は、x 165px 600PXで、次のように画像のためのCSSがある：それはPhotoshopであるよう

display: block; 
width: 600px; 
height: 165px; 
background: transparent url(logo.png) left top no-repeat; 
text-indent: 100%; 
overflow: hidden; 
white-space: nowrap; 

は、なぜそれがChromeの2倍のサイズで表示していますか？ Chromeに正しいサイズで表示させるにはどうすればよいですか？

Answer 1

これは非常に明白かもしれませんが、あなたのブラウザはズームインされていますか？

Answer 2

高さと幅のプロパティを削除する - これはPhotoshopの

display: block; 
background: transparent url(logo.png) left top no-repeat; 
text-indent: 100%; 
overflow: hidden; 
white-space: nowrap;