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


Windows specific CSS selector or code snippet

我正在Ubuntu下用PHP开发一个网站,我刚刚开始在跨平台环境下测试它。我注意到,一些CSS规则,在Windows下看起来不一样(可能是由于它的字体渲染方法),所以我决定优化我的CSS代码在Windows上正常工作。我不想在其他操作系统下丢失当前的外观,因此简单的代码替换不是解决方案。我正在寻找一些CSS选择器,像浏览器选择器,但对于操作系统,特别是Windows。这是可能的,或者我需要这样做与多个CSS文件,或与一些javascript?我想保持内容SEO友好以及。感谢您的阅读!

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

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

不,纯CSS是不可能的。
这是一个有趣的攻略http://rafael.adm.br/css_browser_selector/。

操作系统没有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>