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; }