之前使用最多的工具是QQ/TM的截图（快捷键CTRL+ALT+A）和肉眼估算，追求pixel perfect的话还是要专业的工具才好 FastStone Capture 身为一款截图软件却带了一把邪恶的屏幕标尺，不幸落入设计师手中成为测量偶们页面的万恶之源！ Pixel Perfect 一款基于firebug的扩展，官网为http://www.pixelperfectplugin.com，效果不错，不过只支持Firefox Microsoft Expression Web 通过工具栏的视图-描摹图像菜单来进行设置或调出 之后配合设计视图进行调试。用起来也没那么爽，设计视图的显示效果和浏览器始终会有差异 打造自己的Pixel Perfect Pixel Perfect扩展和EW的描摹图像功能原理类似，将效果图叠在页面下方并设置一定的透明度之后偶们再用肉眼比对。知道了原理我们自己就可以开始DIY了，代码如下： <!DOCTYPE html> <html> <head&