2013-10-18 44 views
-4

我试图让我的代码中的样式根据是否使用Windows或Mac而改变。对于Mac代码:基于操作系统更改类样式的最简单方法是什么?

<div class="special container container_6" style="position:relative; top:-123px"> 

和Windows的代码是:

<div class="special container container_6" style="position:relative; top:-127px"> 

This似乎类似于我想做的事情,但它并没有答案......

有什么想法?

+2

什么操作系统,你会认为一个iPad或Android手机? –

+2

你为什么想这样做?移动'4px'看起来好像你想要的那样解决看起来像平台问题的css问题,但不一定需要成为一个问题。 –

+2

你想完成什么?一般来说,桌面操作系统检测不如一开始就正确编码CSS的方法。 – DACrosby

回答

0

我不知道为什么你会得到如此多的下降排名。也许你应该更好地解释你的推理。尽管如此,这应该照顾你,虽然它很老,所以你可能需要在某些情况下更新它。然而,对于广泛的检测,它会工作得很好。

基本上,它通过JS检测浏览器并将一个类附加到正文,然后您可以在CSS中测试该正文。

http://rafael.adm.br/css_browser_selector/

+1

这个脚本是做OP的要求吗?有可能。这是解决跨平台CSS问题的错误方法吗?绝对! – Steve

+0

我完全同意你的看法。这是我用来解决跨浏览器排版问题的一个权宜之计,当客户想要支付最低的美元时,在编码不佳的商业主题中使用行高。我为适合这种描述的SEO公司做了大量的创可贴工作。这并不理想,但它确实做了OP所要求的。当被问到时,我不会拒绝这个选择,只是因为它不是理想的方法。 – Imperative

+0

够公平的。我没有因为这个原因而倒退。这是一个有效的答案。但是,我不能良心良知地提出这个答案。 :) – Steve

相关问题