Pixel Perfect - Hack

比较常用的是只对IE进行hack,常见的写法有以下几种: 1. IE条件注释 <!-- [ if IE]> <link href="ie.css" rel="stylesheet" type="text/css" /> <![endif]--> 还可只对某一IE版本或以下版本hack 2. »

Pixel Perfect - 工具

之前使用最多的工具是QQ/TM的截图(快捷键CTRL+ALT+A)和肉眼估算,追求pixel perfect的话还是要专业的工具才好 FastStone Capture 身为一款截图软件却带了一把邪恶的屏幕标尺,不幸落入设计师手中成为测量偶们页面的万恶之源! Pixel Perfect 一款基于firebug的扩展,官网为http://www.pixelperfectplugin.com,效果不错,不过只支持Firefox Microsoft Expression Web 通过工具栏的视图-描摹图像菜单来进行设置或调出 之后配合设计视图进行调试。 »

Pixel Perfect - 中文字体2

如果你以为世界就此清净那就错鸟,在WIN7下有另外结果(VISTA应该接近,木有条件测试),如图: 结论: WIN7/Arail12px14px文字ie8高12px占20px 上3px下5px 下划线在14px处高14px占20px 上2px下4px 下划线在16px处ff3.5字12px高20px 上5px下3px 下划线在18px处高14px占20px 上3px下3px 下划线在18px处看到此,偶内牛满面,偶这就去公司加班… »

Pixel Perfect - 中文字体1

花了几个小时小小研究了一下中文字体: 使用的是XP下的 Arial 字体(不同字体下的结果不同,即便同为中文) 列分别为12px文字、12px链接、12px加粗文字、12px加粗链接、14px文字、14px链接、14px加粗文字、14px加粗链接 行分别为IE6、IE7、IE8、FF3.5 点击图片看大图 结论: 加粗对字体高度无影响,其他见下表: XP/Arail12px14px文字ie6/7高11px占14px »