快速解决移动端兼容性问题

快速解决移动端兼容性问题

• 移动端兼容性问题通常是我们作为前端最头疼的事情，尤其是在工作中要适配不同的android手机和不同的ios手机，要适应不同的屏幕大小，根据我长时间工作经验，我个人认为遇到移动端兼容性问题可以根据以下几点建议快速解决问题

1.快速确定影响因素

• 也就是说，当有测试跟你说测试出的问题时，你需要问清除是所有手机有这样的问题还是部分手机有这样的问题，并且一定要自己拿着测试机复现这个问题，在确定了解问题的基础上，然后排查问题出现的原因，是UI组件影响的还是某个元素影响的或者是某部分js影响的。对于前端来说，找到问题所在应该并不是什么难事

2.找到原因对症下药

• 找到问题所在后，我们需要的是能尽快处理解决这个问题，对于现在很多移动端项目都会用UI组件去布局，但UI组件往往存在很多兼容性问题，如果这个问题是由UI组件的css、js或html引起的，首先在网络上查找这一问题的解决方案，如果没有好的解决方案或网络上的解决方案存在各种各样的问题，那么我建议最好重新布局，用原生的html、css和js来达到这个效果，不要老盯着这个问题非得通过这个UI组件找到解决办法，这样容易浪费时间问题还解决不掉。如果不是UI组件布局引起的问题，js的兼容性问题网络上一般都会有相应的兼容性解决方案，css、html问题通常更改css样式应该就可以解决