关于安卓和iPhone的一个适配问题

• 场景：几个子元素的中心要在同一个水平线上，但是它们的高度不一样，我的方案是用flex布局，设置属性justify-content:flex-start，然后根据设计图设置margin-top，也就是子元素上边缘距离父元素上边缘的距离；
• 问题：因为设计图是在iPhone的基础上设计的，所以当按照上述思路写代码的时候，会出现安卓手机的没在同一个水平线的问题；
• 思路：对安卓和iPhones 设置两套css，通过js的navigator.userAgent获取用户代理，正则判断是安卓或是iPhone，项目用的是VUE，所以bind class，赋予不同的class就好。