jieyou / rem_layout

移动端网页 rem响应式布局 最佳实践代码
188 stars 49 forks source link

rem image 问题。 #2

Open stuxt opened 8 years ago

stuxt commented 8 years ago

在使用rem进行元素单位时,在root元素上设置font-size:100px;含有图片的div就会在不同屏幕上产生不同的上下间距(宽度100%),这种问题怎么解决?我现在是把div初始化一下font-size:0;才可以! 例如下面这样的结构:

<div>
  <img src="img/banner.jpg"/>
</div>

这样的话在图片上下位置,div会出现间距,就是div的高度不等于图片高度。

jieyou commented 8 years ago

是否方便给个 jsfiddle 或者 jsbin的 demo地址呢? 另外说下是什么浏览器或者什么手机、pc?

jieyou commented 8 years ago

一般来说图片有下边距的话,可以简单的通过重置css来实现: img{display:block}