问跨平台CSS

EN

正式地说，当在另一个操作系统上使用相同的浏览器时，CSS行为不应该改变(例如，在Windows、MacOs或Linux上的FireFox 3)。宽度和浮点数的计算由浏览器计算，而不是由操作系统计算。然而，有一些因素会导致网站在另一个操作系统上看起来有点不同。

当使用另一个操作系统(甚至是另一个机器)时，你会遇到的一个问题是字体支持。如果您使用的某些字体仅在Windows平台上可用(或者通常仅在安装某个应用程序时可用)，则浏览器将使用另一种字体，这可能会导致一些呈现差异。我甚至可以想象，与Windows中的相同字体相比，Linux中的字体在大小上也可能有所不同。

你得到的另一个问题是表单元素(如文本框和下拉列表)。这些对于每个操作系统都是不同的，特别是下拉框在不同的操作系统中可能表现不同(下拉部分的大小可能不同，文本框有时有一个"3d“边框，有时只有一条线)。你甚至会注意到在XP中从XP样式(蓝色/绿色/灰色)切换到经典样式(老式灰色版本)时，下拉字段将是不同的样式(如果您将它们与其他元素对齐，您将看到大小的变化)。但大多数时候，这些差异只有几个像素，用户大多不会注意到，但对于设计师/开发人员来说，这可能有点烦人。

你看到了什么变化？由于操作系统主题的不同，可能会有细微的差异-按钮、下拉菜单、滚动条等元素的样式/大小可能会有所不同。

即使在XP中改变主题，您也可以观察到一些不同之处(Classic vs XP外观)。

有几件事可能会改变跨平台：

字体

Windows的“核心字体”被认为是跨平台的，但大多数默认的Linux安装都没有。此外，在我的Ubuntu上，Firefox的10pt显示字体不像其他浏览器那样是13px，它稍微大了一点。我想有些字体可能也有不同的行高。

表单小部件

按钮、文本框、文本框、字段集和下拉列表在不同的浏览器和平台上是不同的。例如，Opera使用它自己的Vista风格的表单控件皮肤，每个皮肤都是不同的。Chrome似乎也在使用自己的东西。

屏幕分辨率

如果设计像维基百科一样流畅，你最终会得到很长的文本行，可能很难阅读。

硬件

用户的硬件还可能引起颜色变化或其他图形异常。