我测试了 iphoneX , iphone 8 plus, iphone 8, 的 IOS11.3, IOS 11.4
测试结果:1.IphoneX 一级页面顶栏重叠、二级页面正常,效果如下图【二级页面还是有些挤】
2. 其它非 IPhoneX 的机型都正常,不过是我在一级页面都做了如下处理。【二、三级页面不做处理】
var obj = null, height = 48 , extraHeight = 20; for(var i=1;i<=n;i++){ obj = $('.mseocomx'+i+' .mseocom-home'); if(obj.length>0){ obj = obj.eq(0); height = (obj.height() + extraHeight) + 'px'; obj.css({'padding-top' extraHeight+'px'),'height':height}); obj.next().css('top',height); } } 代码解释:n就是有n个一级页面,每个一级页面进行处理【2.1 顶部增加 20 padding-top, content部分的top相应增加20】
|