基于vue开发的移动端项目在ios,android两大平台上的兼容性问题

自从H5开发大热大火之后，越来越多的应用都在使用H5技术来实现，不管是纯Web应用，还是现在比较流行的Hybrid开发应用，都可以看到它的影子。H5开发技术依靠其强大的跨平台性，不输原生应用的动画效果，以及低成本高回报的特性，越来越受到广大互联网公司的喜爱。然儿，世界上并没有完美无缺的技术，任何技术都存在一定的缺陷，H5技术的局限性在于它在iOS,android这两大平台上的兼容性问题，接下里，鄙人就慢慢细说自己在开发移动端项目中遇到的兼容性问题。以下都是鄙人在实际开发中遇到的问题，都是满满的干货。

1.在div内的内容需要滑动，并且该div需要加上定位的话，那定位就用fixed绝对定位，否则的话，在Android上，当你滑动该div上的内容时，会莫名的出现一条黑线，话不多说，直接上图；

2.在div上的某个元素需要用定位进行行布局，并且该div内容的其他内容需要有滑动效果，在iOS平台上，当滑动该div内其他内容的时候，div内被定位的那个元素也会随之移动，在android平台上没有此问题，之前为了解决这个问题，鄙人尝试用fixed绝对定位去解决，但是没有效果，后来我总结出，在iOS上，要想使div内定位实现的元素不随着其他内容的滑动而移动，就将需要定位的元素放到该div外面，话不多说，直接上图；

3.移动端项目一像素问题，这个问题也是很常见的问题，一般这种问题，ui设计师都会提这个问题，一般很多前端都会使用border-bottom: 1px solid #ffffff;来实现，这种写法在iOS上还没什么问题，但是在android上会显示的特别粗，一般都用伪类来实现，话不多说，直接上代码；

以上部分 是我觉得比较重要，比较常见的移动端兼容性问题。

当然也有一些问题是由于iOS,android平台本身的特性造成的，比如，调起软键盘输入框，在iOS平台上，整个页面会被推上去，而android平台上，则不会有这种现象。