Open stuxt opened 8 years ago
在使用rem进行元素单位时,在root元素上设置font-size:100px;含有图片的div就会在不同屏幕上产生不同的上下间距(宽度100%),这种问题怎么解决?我现在是把div初始化一下font-size:0;才可以! 例如下面这样的结构:
rem
root
font-size:100px;
div
font-size:0;
<div> <img src="img/banner.jpg"/> </div>
这样的话在图片上下位置,div会出现间距,就是div的高度不等于图片高度。
是否方便给个 jsfiddle 或者 jsbin的 demo地址呢? 另外说下是什么浏览器或者什么手机、pc?
一般来说图片有下边距的话,可以简单的通过重置css来实现: img{display:block}
在使用
rem
进行元素单位时,在root
元素上设置font-size:100px;
含有图片的div
就会在不同屏幕上产生不同的上下间距(宽度100%),这种问题怎么解决?我现在是把div
初始化一下font-size:0;
才可以! 例如下面这样的结构:这样的话在图片上下位置,div会出现间距,就是div的高度不等于图片高度。