-2

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

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

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

4

2 回答 2

0

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

于 2013-03-15T12:36:49.843 回答
0

没有适用于操作系统的 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>
于 2013-03-15T12:42:09.680 回答