Retina-Anzeige Problem

Question

Ich versuche, ein Bild aus Photoshop zu speichern, das in einer Webseite verwendet werden kann. Es wird auf meiner Webseite doppelt so groß angezeigt wie in Photoshop. Es erscheint auch ein bisschen verschwommen, als wäre es um 200% vergrößert worden.

Das Bild ist 600px x 165px, und die CSS für das Bild ist wie folgt:

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

Warum ist es bei doppelt so groß wie in Chrome angezeigt wird, wie es in Photoshop ist? Wie kann Chrome in der richtigen Größe angezeigt werden?

Answer 1

Dies ist möglicherweise sehr offensichtlich, aber ist Ihr Browser vergrößert?

Answer 2

die Höhe und Breite Eigenschaften entfernen - diese es auf die Größe festgelegt sollte, die es in Photoshop

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