css - 跨平台 CSS

标签 css cross-platform cross-browser operating-system

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

最佳答案

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

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

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

关于css - 跨平台 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1298065/

相关文章:

javascript - Node 仅从文件中读取前 N 个字节/字符

c# - 寻找 C++ 到 WPF/Cocoa 互操作性的跨平台、端到端示例

internet-explorer - 强制 Internet Explorer 9 使用 IE 9 模式

html - 居中 <img/> + <a/> 在 IE7 中表格内自动溢出

css - 如何修复两个 div 之间的自动边距?

html - 计数器前的 CSS 不适用于 div

android - 将本地存储从 Cordova 应用迁移到 Android 应用

#idValue.classValue 选择器的 CSS 选择器浏览器兼容性?

jquery - 始终显示图像标题,尽管它太长

jquery - -ms-perspective 不适用于 Internet Explorer 10