css - 手机页面在安卓和苹果浏览器显示不同的小小问题
高洛峰
高洛峰 2017-04-17 18:00:03
0
2
733

在调试手机页面安卓手机的显示一切正常,如图

而在苹果手机显示第一个图标向下错位,如下图

搞了半天没搞好,兼容性这块确实没咋弄过,请路过的高手支个招,在下不胜感激!!新年快乐,恭喜发财!!

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

reply all (2)
左手右手慢动作

I don’t know how you wrote it, so I’ll share my thoughts:

Structure p>(a>img)*3

pSet a width as the total width of the three icons (you can use percentages to adjust), and then set both ends to be aligned;
aSet inline-block, and then make an after pseudo-class

p:after { content:""; width:100%; height:0; display:inline-block; overflow:hidden; }

Flatten the three icons and it should be fine.

    大家讲道理

    I guarantee you won’t have this problem if you use flex layout

      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template
      About us Disclaimer Sitemap
      php.cn:Public welfare online PHP training,Help PHP learners grow quickly!