将comps与html像素完美匹配

Question

是否有程序会向您显示指南，标尺，以便您可以将CSS中的html布局与Photoshop comp匹配。什么是最佳做法。 现在我正在进行屏幕截图并使用矩形工具从屏幕截图中获取我的测量值，看看它们是否与comp匹配，但这需要花费很多时间。我认为必须有一个程序或某些东西可以显示标尺或测量值，甚至可以显示带有测量结果的叠加，以微调你的css像素测量结果。

Answer 1

尝试使用Pixel Perfect扩展程序：https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/

  

Pixel Perfect是一款允许网络使用的Firefox / Firebug扩展程序   开发人员和设计人员可以轻松地将Web组合覆盖在顶部   已开发的HTML。

Answer 2

我发现FireFox MeasureIt工具很方便：

https://addons.mozilla.org/en-US/firefox/addon/measureit/

Answer 3

如前所述，

https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/。顺便说一句，你也可以在photoshop中测量距离：有时你只需要一个值，而不是像素一样完美。在PS中使用标尺和标尺工具（Shift + I直到你得到它）。我在我的工作中将PS和PixelPerfect插件中的测量结合起来。