iphone与安卓的兼容性问题汇总

时间:2023-03-08 17:52:25

1.日期问题

当使用yyyy-mm-dd格式时,iphone不认,安卓没问题

解决办法:new Date(res.data[i].inventoryDate.replace(/-/g, "/"));

2.title问题

如果title是动态加载的,在dom加载完之后通过js改变title的值,在安卓上显示是正常的,在iphone上不能正常显示

解决办法:通过后台传入title值,在前端读取html时就读取了title的值,这样就不经过html加载完之后再执行了,就解决了问题

3.滚动惯性问题

在安卓中设置为overflow:auto就可以了,在ios中没有惯性效果

解决办法,.div{

-webkit-overflow-scrolling: touch

}

4、ipone6显示正常,iphone6s显示错位了

同样的css在不同的手机用同样的浏览器看结果却不一样

解决办法,调整浏览器的默认设置。把字号大小设置为正常的大小

最好的解决办法,就是把宽度放足够大,做成自适应的页面