Android、ios h5开发特殊问题处理

1)滚动条隐藏问题

::-webkit-scrollbar{display:none}会存在兼容性问题,可以这样设置padding-bottom:18px;margin-bottom:-18px;取巧解决。

2)字体垂直偏上问题

Font-size小于14px时在ios显示正常,但是在android上会偏上一点,可以通过transform:scale(0.5)缩放解决。

3scroll问题

qq浏览,uc浏览以及ios的浏览器,滚动时不会触发scroll事件,但会触发touchmove。当停止滚动后会出发scroll

4)图片按比例显示(16:9

css实现:

.img-wrapper{width:100%;padding-bottom:56%;position:relative;}

Img{width:100%;height:100%;position:absolute;top:0;left:0;}


另附:

(1)原生js实现下拉刷新和上拉加载点击打开链接

(2)轮播图 点击打开链接

猜你喜欢

转载自blog.csdn.net/u012755393/article/details/80757861