HTML/JS -检测Android软件版本(并切换css文件)

Question

我正在用Phonegap build做一个应用程序。Android 2.3及以下版本不支持css float，android 3.0及更高版本支持css float。

我需要为每个不同的CSS文件。

有没有办法检测Android软件版本并据此更改css文件？

我能用JavaScript或HTML做到这一点吗？

我知道你可以用<!--[if IE]>检测IE，但是能检测到安卓版本吗？

Answer 1

你的技术还可以，但它是静态的，在涉及操作系统类型和系统类型时可能会导致更多的问题。最好检查一下这个标签是否被普遍支持。最好的方法是使用JavaScript，如下所示：

if('float' in document.body.style) {
    // jQuery?
    $('#myAwesomeDiv').css('float', 'left')
}

您还可以为它创建一个简短的函数来对其执行TRUE/FALSE：

function propertyExist(property) {
    if(property in document.body.style) {
        return true;
    }
    else {
        return false;
    }
}

if (propertyExists('float')) {
        // Do nothing?
}
    else {
        // Change the style (use jQuery, jquery.com)
        $("link").attr("href","non_float.css");
        $("head").append("<link>");
    }