css - 跨平台 CSS

Question

我想知道 CSS 行为是否会随着操作系统的不同而变化。我的 css 对于 vista 和 win xp proffesional 对于相同版本的浏览器来说有点不同。我在 vista + ie8 和 xp + ie8 上测试我的应用程序。它的工作方式有点不同。

Answer 1

官方声明，当在另一个操作系统(例如 Windows、MacO 或 Linux 上的 FireFox 3)上使用相同的浏览器时，CSS 行为不应改变。宽度和 float 的计算是由浏览器计算的，而不是由操作系统计算的。但是，有一些因素会导致站点在其他操作系统中看起来有些不同。

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

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