极客观点
项目管理
HarmonyOS
1.现象就是，我是用了qq内置浏览器在图标右边出现边距。。。而qq浏览器却没有，其他浏览器（chrome、小米浏览器、火狐浏览器）也都是正常的。我用的手机是小米4C，qq版本是v6.5.0。
qq内置浏览器：
QQ浏览器和其他浏览器
demo在此：地址
2.代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Title</title>
<link rel="stylesheet" href="css/common-demo.css">
</head>
<body>
<div>
<div class="page-wrap">
<header class="popup-title">
<div class="popup-fun-title">
<div class="pd-fun-item-icons"><img src="images/icon_g2.png" alt=""></div>
<div class="pd-fun-title">企业微信</div>
</div>
</header>
</div>
</div>
</body>
</html>html,body{ margin: 0; padding: 0; }
.page-wrap{padding:0 15px;}
.pd-fun-title{font-size:21px;line-height:34px;font-weight:bold;color:#1b1b1b}
.popup-title{text-align: center;padding:25px 0 20px;border-bottom:1px solid #dbdbdb;}
.popup-fun-title{
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box; /* Firefox 17- */
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex; /* Firefox 18+ */
display: -ms-flexbox; /* IE 10 */
display: flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.pd-fun-item-icons{
width:34px;height:34px;
}
.pd-fun-item-icons img{width:34px;height:34px;}为什么会这样呢。。。不明白了。
你确定你最最开始测的时候代码是一样的？不会多打了个空格什么的？好了，就算没有，这只能说在qq内核里确实是有些问题的，具体原因嘛，又审查不了元素，也就很难一下弄出原因咯。既然如此，就换个方法写呗。有些乱七八糟的东西太杂了，不是我辈一下下就你能弄出来的。能实现这效果的写法很多了，实用最重要，当然视情况而定，如果你不急。