移动端有不知名间隙,大家有解决办法吗

这的结构是

<div>

    <img xxxxxxxxx />

</div>

<div>

</div>

图片display font-size line-height都试过,感觉是div和div之间产生了间隙,有的手机有有的手机没有

*{

padding:0px;

margin:0px;

img下的div去掉试试

你最好将整个页面的源码贴出来

部分浏览器,标签之间的换行、空格会造成渲染时位置占用,flex布局不存在这个情况,其他的多少有些影响

<div style="font-size:0px;">
    <img />
</div>

//清除默认样式 写在自定义样式的最前面
*{
    margin:0;
    padding:0;
    list-style:none;
}

//写在具体样式部分,再次设定防止从父级继承
div{
    margin:0;
    padding:0;
}

//把背景色设置成图片颜色 如果页面图片主色一致可以直接设置为body背景色
div{
    background:你图片的色值
}