Windows 特定的 CSS 选择器或代码片段答案

【问题标题】：Windows specific CSS selector or code snippetWindows 特定的 CSS 选择器或代码片段
【发布时间】：2013-03-15 12:32:16
【问题描述】：

我正在 Ubuntu 下用 PHP 开发一个网站，我刚刚开始在跨平台环境下对其进行测试。我注意到，一些 CSS 规则在 Windows 下看起来不一样（可能是由于它的字体渲染方法），所以我决定优化我的 CSS 代码也可以在 Windows 上正常工作。我不想在其他操作系统下松散当前的样子，所以简单的代码替换不是解决方案。我正在寻找一些 CSS 选择器，例如浏览器选择器，但适用于操作系统，尤其是 Windows。是否有可能，或者我需要使用多个 CSS 文件或一些 javascript 来执行此操作？我也想保持内容 SEO 友好。感谢您的阅读！

编辑：我在这个网站上使用@font-face。我有问题的项目，使用这些字体。

该站点在 Ubuntu 下的每个浏览器中看起来都一样。 Windows 下的问题。

【问题讨论】：

我认为您首先需要做出非常重要的区分。呈现您的网站的不是操作系统。这是你的浏览器。您的操作系统可以对您的网站做的最糟糕的事情就是没有您使用的字体。
您需要提供有关错误的详细信息。与操作系统相比，浏览器更可能存在问题。
我正在使用@font-face，所以我认为问题在于文本渲染差异。我已经优化了字体并添加了提示。

标签： php html css linux windows

【解决方案1】：

不，纯 CSS 是不可能的。
这是一个有趣的解决方法http://rafael.adm.br/css_browser_selector/。

【讨论】：

【解决方案2】：

没有适用于操作系统的 CSS 选择器，仅适用于浏览器。您需要使用 JS 来检测操作系统并以此为基础您的 CSS - 比如：

<script type="text/javascript">

var mactest=navigator.userAgent.indexOf("Mac")!=-1 //Logic test for OS

var mac_css='/style/macstyle.css' //mac css
var pc_css='/style/pcstyle.css'   //pc css

document.write('<link rel="stylesheet" type="text/css" href="'+ (mactest? mac_externalcss : pc_externalcss) +'">')

</script>

【讨论】：