技巧匹配photoshop像素大小和CSS渲染像素大小

Question

检查了不同的网站，但没有明确的答案。每次我在photoshop中获得新设计时，我都会尝试将像素大小与我的css代码相匹配。然后浏览器呈现的尺寸与我在photoshop文件中看到的完全不同。我总是得到72pp分辨率的所有文件。

是否有一个技巧可以匹配photoshop的像素大小，使其与渲染后的CSS像素大小相同？

作为一个视觉例子......

相同的排版，在这种情况下的谷歌字体排版。

两者的值均为18px

Photoshop中：

CSS渲染：

Answer 1

我不知道，交配。我把所有的psd完美地翻译成css没有问题。

始终使用72dpi图像并确保首选项＆gt;单位＆amp;规则＆gt;标记两个＆＃34;标尺的单位＆＃34;和＆＃34;键入＆＃34;作为像素