css - 手机页面在安卓和苹果浏览器显示不同的小小问题-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

css - 手机页面在安卓和苹果浏览器显示不同的小小问题

高洛峰 2017-04-17 18:00:03

[Android讨论组]

1097

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

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

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

高洛峰

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

全部回复(2)

ringa_lee2017-04-17 18:02:03 2楼

不知道你是怎么写的，我发下我的思路：

结构p>(a>img)*3

p设置个width作为三个图标的总宽度（可以用百分比自适），然后设置两端对齐；
a设置inline-block，然后做个after伪类

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

拉平三个图标，应该就可以了。

赞 +0

添加回复

大家讲道理2017-04-17 18:02:03 1楼

你用flex布局我保证不会出这种问题

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

PHP学习

技术支持

返回顶部