移动端 样式适配问题

Question

样式为iphone6,7,8,plus下的样式

样式为iphone6,7,8 下的样式

不知道怎么样才可以在不同的手机上显示时,,文字都是对齐的
这个样式改了好几天,脑子里想不出来有什么好的办法可以妥善解决,去百度
请问大家都有什么好的想法吗

Answer 1

这个属于html划分和css搭配的问题按照 与员工关系 选择 icon>这一行来讲宽度使用百分比布局,搭配text-align来实现|40%|40%|20%|前两个text-align:left后一个text-align:right