文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
css - chrome和safari ul li表现布局不一致问题
PHP中文网
PHP中文网 2017-04-17 14:36:46
[HTML讨论组]
0 5 1124
举报

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

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

在chrome中显示如下：

但是在safari中（MACPro10.10.3 Safar版本 8.0.5）则显示如下：

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

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

PHP中文网
PHP中文网

认证0级讲师

全部回复(5)
高洛峰
高洛峰2017-04-17 14:38:46 5楼

ul.icons li {

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

}

加上 试试

赞 +0
添加回复
PHP中文网
PHP中文网2017-04-17 14:38:46 4楼

表示我的safari 是正常的，版本 10.0.1 (12602.2.14.0.7)

赞 +0
添加回复
巴扎黑
巴扎黑2017-04-17 14:38:46 3楼

能看看你的css样式表吗？

赞 +0
添加回复
天蓬老师
天蓬老师2017-04-17 14:38:46 2楼

我会告诉楼主，在我的safari上抛出来的效果是这样的吗？


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

赞 +0
添加回复
PHP中文网
PHP中文网2017-04-17 14:38:46 1楼

三个li继承的

vertical-align: baseline;

声明成middle试一下？

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部