Question

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

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

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

Answer 1

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

Answer 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>

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

2 个答案: