跨平台CSS

我想知道不同的操作系统是否会改变CSS行为。我的css在vista和win xp Professional中的工作方式与在同一版本浏览器中的工作方式略有不同。我在vista+ie8和xp+ie8上测试我的应用程序。它的工作原理有点不同。

是的。它可能会改变

元素样式可能在操作系统的不同视觉样式[主题]中呈现不同

例如：

---

在某些主题中，字段集将为圆角，而在其他主题中，字段集将不为圆角。

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

---

即使在XP中更改主题（经典与XP外观），您也可以观察到一些差异。

CSS与平台无关。但是，它依赖于浏览器。不同的浏览器可能以不同的方式实现CSS，但使用相同浏览器的不同平台不会显示任何更改。如果你能在这里发布你的CSS会更好，这样我们就可以调试了。当然，由于主题的不同，元素之间可能会有细微的差异

在另一个操作系统（例如Windows、MacOs或Linux上的FireFox 3）上使用同一浏览器时，CSS行为不应改变。宽度和浮动的计算由浏览器而不是操作系统计算。然而，有一些因素会导致站点在另一个操作系统中看起来有些不同

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

---

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

不同的系统有很多不同之处。即使使用相同操作系统和相同浏览器的两个系统之间也可能存在差异

CSS本身是一个独立的标准，不会改变。然而，并非所有浏览器对css的解释都相同，css标准也没有涵盖页面呈现方式的各个方面。此外，CSS还包括如何解释正确的代码，但如果代码中有不正确的内容，则由每个浏览器尽可能地解释

特别是文本呈现可以有很大的不同，因为有许多因素控制它。诸如安装的字体、选择的平滑算法和用户大小设置等因素决定了文本的绘制方式。同一字体有不同的版本，例如，XP和Vista上的Arial不必呈现完全相同的效果，因为诸如字距调整规则和字体平滑暗示等细节可以被重新处理

---

某些页面元素（如按钮、表单字段和滑块）可以从操作系统和系统中的用户设置继承其外观和大小，因此它们看起来可能会有所不同。

跨平台可能会发生一些变化：

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

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

屏幕分辨率
如果设计像维基百科一样流畅，那么最终你会看到很长的一行文字，可能很难阅读

硬件

---

用户的硬件也可能导致颜色变化或其他图形异常。

我在不同操作系统中面临的问题有： 1.在vista中，固定宽度的文本分为两行，而在xp中，固定宽度的文本分为同一行。 我面临的一个主要问题是，我的设计的某些部分在VISTA+IE8中被扭曲了，而在XP+IE8中呈现得很好。为了使我的应用程序与IE8兼容，我使用了

---

标签

我投了反对票，因为你的答案只有一句话——“是的。“它可能会更改。”在您似乎已对其进行编辑后，现在已将其还原。但为什么在你的答案还不完整的时候发帖子呢？答案并不是不完整的。对于“CSS行为是否随操作系统而改变”这个问题，这是一个完整的答案。为了更加清晰，我详细阐述了这一点。所以你不能说它是平台独立的。你可以说它是平台独立的。CSS被设置为一种独立于平台和浏览器的语言。然而，一些浏览器倾向于不同意一些CSS标准的标准和解释。渲染之间的差异很可能是浏览器中的错误或标准的微解释。CSS并没有打破这种独立性，但各种浏览器确实打破了这种独立性。