css - chrome和safari ul li表现布局不一致问题

 判官-包公_529 发布于 2022-11-01 17:45

为了方便大家了解情况我把网站部署到了服务器,大家可以通过这个网址访问一下:lijiechu.club

同样的情况下,iphone6 和 iphone6s自带的safari浏览器也有这个问题。

在chrome中显示如下:

但是在safari中(MACPro10.10.3 Safar版本 8.0.5)则显示如下:

调整样式表很久都没法使safari保持一致。

请问下各位p+css高手,该怎么调整呢?

5 个回答
  • 三个li继承的

    vertical-align: baseline;
    

    声明成middle试一下?

    2022-11-02 18:42 回答
  • 我会告诉楼主,在我的safari上抛出来的效果是这样的吗?


    你有没有覆盖浏览器默认样式?

    2022-11-02 18:45 回答
  • 能看看你的css样式表吗?

    2022-11-02 18:45 回答
  • 表示我的safari 是正常的,版本 10.0.1 (12602.2.14.0.7)

    2022-11-02 18:51 回答
  • ul.icons li {

    display: inline-block;
    padding: 0.675em 0.5em;
    vertical-align: middle;

    }

    加上 试试

    2022-11-02 18:53 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有