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

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

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

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

图片描述

图片描述

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

图片描述

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

请问应该怎么处理,需要在哪里添加哪段代码?
谢谢前辈指教!

阅读 5k
3 个回答

toppart-top 这个class 添加

font-size: 0;

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

Image
我打开是这样的

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

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

    2、在HTML 里把空隙去掉。
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题