android - 专门针对 Android 设备

Question

如何在不干扰设备的情况下专门针对 AndroidiOS设备？

我知道我们可以使用

 @media all and (max-width: 320px) { }<br/>
 @media all and (min-width: 321px) and (max-width: 640px) { }<br/>
 @media all and (max-width: 641px) and (max-width: 768px) { }

但我不想通过获取屏幕分辨率来做到这一点。相反，我想通过加载不同css的Android具体来做到这一点。

Answer 1

您可以检查 userAgent：

if (navigator.userAgent.toLowerCase().match(/android/)) {
    console.log("uses android")
    //alert("uses android"), load your css here.
    } else if (navigator.userAgent.toLowerCase().match(/iphone/) || navigator.userAgent.toLowerCase().match(/ipad/)) {
        console.log("uses iphone") //load your css here
    } else { 
    //alert("browser, blackberry or whatever") load your css here
    }

更新

Jsfiddle：给你。