从PSD到HTML/CSS

Question

只是想知道怎么来的最终交付网站（HTML/CSS）最终没有找准确（像素完美的）这样的设计在Photoshop中布局？例如，PS中的14pt在HTML中不完全是14pt。为什么？

Answer 1

由于不同的浏览器有不同的渲染引擎。

特别是，在当前使用的各种浏览器和操作系统之间，字体可能会呈现出大不相同的效果 - Safari和MacOS使用比Firefox或IE更强的反锯齿效果，但IE9有一项名为ClearType的新功能，字体渲染。

最终的结果是，不同的浏览器之间，二者之间可以用您的字体怎么看显著差异，它会影响你的布局点。

这个网站试图解释它好一点：http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

底线：不要设计你的网页是像素完美的 - 你将是失望。 HTML和网站不会那样工作;接受这一点，你会有一个更幸福的生活。

（哦，还有还有的甚至没有得到相同的字体，如果指定其中一个不可用用户的浏览器中的问题）。