JS判断是IOS还是Android以及如何解决h5打包后在ios下内容与状态栏重叠问题

h5打包后在ios下内容与状态栏重叠问题：

1：知道设备的类型：

var u = navigator.userAgent, app = navigator.appVersion;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

上面的isAndroid和isios返回的都是boolean类型的值。

2：当设备是ios时，添加一个给body加一个类名：

if(isiOS){
	$("body").addClass("uh_ios7");
}

css文件下加样式：

.uh_ios7 .uh,.uh_ios7{
    padding: 2em 0 0;
}