视网膜显示问题

Question

我试图从Photoshop中保存图像以用于网页，它在我的网页上显示的大小是Photoshop的两倍。它看起来也有点模糊，好像它被放大了200%。

图片尺寸:600px * 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

删除Height和Width属性-这应该将其设置为在Photoshop中设置的大小

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