2013-07-31 71 views
2

我想补充,因为在台式机和Android平板电脑领域的一些冲突的设备检测一些有条件的CSS,水库设备检测条件CSS

- if android_device? 
     :css 

      @media only screen and (max-width : 1280px) and (-webkit-device-pixel-ratio:2) { 

      /*CSS*/ 
      } 

任何一个可以帮助我,我不得不使用此检查?

我从这个网址此引用: URL

+0

如果android_device? - 这是什么? – user1721135

+0

只有微软认为:“我们通常把它错了,所以让包括一种让开发者来解决我们的问题” –

回答

3

没有的严格使用CSS检测操作系统或网络浏览器的方法。

我推荐使用Javascript功能来检测网络浏览器/操作系统,并附加类的页面的相应的<body>

然后,您可以写具体到每个用例中,如果遇到特定的标准,这将只兑现CSS。

这里是一个example on jsFiddle

-3

下面的代码是无效的CSS:

- if android_device? 
     :css 

如果你想要写的桌面特定的风格和Android设备则:

1 )您可以直接包含桌面样式,而无需在CSS中进行任何媒体查询。

2)样式其中Ar特定于机器人装置能够媒体查询之间被包括在作为

@media only screen and (min-device-width : 480px) and (max-device-width : 800px) { 

    /*CSS */ 
} 
+1

这并没有解决检测的Android设备,仅屏幕的宽度。 – Makita