rem设置宽高造成元素间有间隙

Question

<div></div>
<div></div>
<style>
body{
  background-color: #000;
}
div{
  height: 3.10667rem;
  background-color: #fff;
}
</style>

为什么会有这样的情况? 大家用rem开发中遇到过吗? 怎么解决的?

补充复现步骤：

1. chrome 移动端模拟，iphone6尺寸

2. 如果复现不了，试试把缩放比例调大。。

Answer 1

不知道你能不能翻墙，能翻墙的话你可以查看stackoverflow;
解决办法是在html的head元素中添加

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

Answer 2

经测试，并没有这个问题..

Answer 3

F12看下盒子模型。是不是有额外的margin

div {
    margin: 0;
    padding: 0;
}

Answer 4

楼主，这是没有做css的reset吧，默认会有margin,padding值的

Answer 5

表示也有这样的问题，部分分辨率不会出现，部分分辨率回出现，请问楼主找到解决方法了吗

Answer 6

把div的margin-top值设置成一个小的负值px