使用flexable布局，在手机浏览器看到这个，请问怎么解决

Question

前辈们好，我就不啰嗦，直接把我遇到的问题提出来。望见谅！

这个是仿一个640设计稿做的移动端页面，用阿里的flexable布局，仿网易移动页面

我用谷歌浏览器的手机开发模式观看是没问题的。

但是我用自己华为手机，用UC浏览的时候

之后用我同学的手机查看也是这个样子。

请问应该怎么处理，需要在哪里添加哪段代码？
谢谢前辈指教！

Answer 1

toppart-top 这个class 添加

font-size: 0;

还是这个基本所有外层的div都没有设置height&width。

Answer 2

我打开是这样的

Answer 3

img 默认是display:inline . 它是有换行间隙的，你的空白就是。

可以通过 1、给父级元素设置 font-size: 0

    2、在HTML 里把空隙去掉。