视网膜显示问题

Question

我正在尝试从Photoshop中保存图像以在网页中使用，并且它在我的网页上显示的尺寸是在photoshop中的两倍。它似乎有点模糊，好像它已经扩大了200％。

图像为600px x 165px，图像的CSS如下：

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

为什么它在Chrome中的显示尺寸是Photoshop的两倍？如何让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;