检查OS之间的CSS差异

Question

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

通常我的CSS布局在PC运行的Windows上看起来没问题，但是我注意到在我的同事的计算机上查看时我的一些布局会破坏（而不是与浮动并排放置，会打破以新线为例）。

一般情况下，删除两侧的几个像素将解决不一致问题。这让我想到，有没有办法检查OS之间的CSS显示差异？通常有关于跨浏览器样式的指南，但我似乎不记得任何显示OS之间差异的地方。

Answer 1

最有可能的是，您所看到的问题与操作系统无关，而与使用哪种字体以及它们的呈现方式无关。使用默认字体，“ABC”可能在Windows上呈现16px宽，但在您的Linux风格上只有15px宽。

一般情况下，根据内部文本的长度（以像素为单位）确定框的大小时，最好添加一些额外的容差。

Answer 2

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

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

像这样：http://browsershots.org/

它有很多要检查的浏览器/操作系统。