你如何匹配你的网页设计，使其像素完美？

Question

我经常发现自己需要将我的网页设计与某些参考图像相匹配。我过去常常使用FireBug的PixelPerfect插件，在我的设计上叠加图像 - 但是现在我主要在Chrome中开发，并且没有与PixelPerfect相似的工具。

我的完美工具将是某种覆盖整个屏幕的HUD显示器，所以我可以使用它而无视我目前正在使用的浏览器。

您如何匹配您的网页设计，使其像素完美？任何工具和提示都非常受欢迎。

Answer 1

  

你如何匹配你的网页设计，使其像素完美？

不要，认真。

有太多的设备和浏览器以及其他因素意味着，今天的设计比以往任何时候都更加完美。甚至试图制造它们也会耗费大量时间。

人们不会在浏览器之间比较网站，所以为自己节省一些宝贵的时间和理智！

Answer 2

我见过的一个好方法涉及到两端的工作，但它运作良好。

首先，确保您的设计适合网格：重复的，相同大小的柱子和固定宽度的排水沟。您可以将该网格图层转换为在开发期间应用于容器的背景图像。这样，如果任何东西没有与网格对齐，你会立即看到它。

Answer 3

尝试像makiapp.com这样的在线服务，就像firebug的pixelperfect一样。