我有一个在多台不同计算机上运行的应用程序，我使用 Chrome 在 Ubuntu 上进行开发。
通常我的 CSS 布局在运行 Windows 的 PC 上看起来不错，但我注意到在我同事的计算机上查看时我的一些布局会中断（而不是与浮动并排，而是会中断为新的例如线）。
通常，删除任一侧的几个像素将解决不一致问题。这让我想到，有没有办法检查操作系统之间 CSS 的显示差异？通常有关于跨浏览器样式的指南，但我似乎不记得任何显示操作系统之间差异的地方。
问问题
83 次
2 回答
3
最有可能的是，您看到的问题与操作系统无关，而是与正在使用的字体以及它们的呈现方式有关。使用默认字体，“ABC”可能会在 Windows 上呈现 16px 宽，但在您的 Linux 风格上只能呈现 15px 宽。
通常，在根据其中文本的长度（以像素为单位）调整框大小时，添加一点额外的容差是个好主意。
于 2013-07-02T14:50:04.003 回答
2
您将不得不在不同的浏览器中测试您的 CSS。您必须在您的机器上安装尽可能多的浏览器并定期检查。
此外，还有一些工具可以在不同的浏览器中呈现您的网站，并且您可以查看快照。
它有一大堆要检查的浏览器/操作系统。
于 2013-07-02T14:49:26.907 回答