检查操作系统之间的CSS差异

Question

我有一个可以在几台不同的计算机上运行的应用程序，我使用Chrome在Ubuntu上进行开发。

通常，我的CSS布局在运行Windows的PC上看起来还可以，但是我一直注意到，当在同事的计算机上查看时，我的一些布局会损坏（而不是与浮动控件并排放置，而是会换成新的例如）。

通常，移除任一侧的几个像素将解决不一致问题。 这让我开始思考，有没有办法检查OS之间CSS上的显示差异？ 通常，有关于跨浏览器样式的指南，但是我似乎不记得有任何地方可以显示出操作系统之间的差异。

Answer 1

很可能，您所看到的问题与操作系统无关，而与所使用的字体以及确切的渲染方式无关。 使用默认字体，“ ABC”在Windows上可能会渲染16px宽，但在Linux风格上只能渲染15px宽。

通常，在根据框内文本的长度（以像素为单位）调整框大小时，增加一些额外的公差是个好主意。

Answer 2

您将不得不在不同的浏览器中测试CSS。 您必须在计算机中安装尽可能多的浏览器并定期检查。

另外，还有一些工具可以在不同的浏览器中呈现您的网站，并且您可以看到快照。

像这样的一个： http : //browsershots.org/

它有大量的浏览器/操作系统需要检查。