Android WebKit浏览器的CSS条件

我想为div应用CSS样式，但我不知道如何识别桌面和Android导航器的Chrome

.myDIV{
[if CHROME???] width: 280px; 
[if ANDROID???] width: 100%; 
}

---

有没有办法从CSS中检测chrome或android navigator？

我可能错了，但我认为唯一的办法是嗅探浏览器代理，然后在主体中添加一个类

不要检查Android（你不能在CSS中）-使用检查屏幕大小。这比检查特定的命名浏览器要好得多，当用于使设计在各种尺寸下工作时，称为响应设计

.myDiv { width: 280px; }

@media screen and (max-width: 699px) {
  .myDiv { width: 100%; }
}

---

虽然没有针对较老的机器人的CSS攻击，但我找到了一种排除iPad/iPhone（任何iOS设备）的方法。这不适用于较旧的非“超高清”设备，但现在应该适用于任何现代设备

如何使用它：

/* Modern Androids (For Android 4.0+, Chrome 15+, Safari 5.1+, and Opera 14+) */

_:-webkit-full-screen, :root .selector { color:blue; }

在我的live CSS hacks测试页面进行测试：

或

之所以这样做，是因为iOS不支持：-webkit全屏CSS伪类，该伪类也包含在webkit发行版中

在发布这篇文章时，Safari是版本8，Chrome是开发/金丝雀版本，最多41个

享受吧