关于uc中div高度的设置

Question

<section class="banner">
<img src="top-banner1.jpg">
<img src="top-banner2.jpg">
</section>

我设置banner的height = top-banner1.jpg top-banner2.jpg的高度之和（1080px高）
响应式采用类似flexible方案 html width 10rem
banner高度 1080px 即 14.4rem iphone6下

同时设置banner的背景色为red

在chrome 调试时，图片加载完后，看不到背景色 红色

手机自带浏览器 微信webview均看不到

但是 在uc 可以看到 banner 底部有一定的高度的红色
即 两张图片的高度 加起来之后的高度 小于 banner的高度了

求教 如何在uc避免这种情况

ps：不设置banner高度可行解决，但是 banner 之后的section也有同样问题，需要避免加载时内容跳动，因此 需要控制外层高度

Answer 1

没贴图片，不怎么形象啊。

你需要重置一下img的默认样式，因为默认是inline的

display: block;
border: none;
outline: none;