Question

当我简单地将一些<div>放入<html>并打开“仿真设备”模式时。 <div>之间出现了一些奇怪的间隙。看起来如下：

这是我的代码：

li {
  height: 360px;
  background: #000;
}

html,
body {
  margin: 0;
  padding: 0;
}

div {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  height: 360px;
  background: #000;
}

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

此问题仅发生在Google Chrome“仿真设备”中。我该如何解决？

Answer 1

我认为这是由前一个WaitUntil.the(DRAFT_STATUS_ELEMENT, isVisible()).forNoMoreThan(300).seconds())和下一个</div>之间的空格引起的。在HTML中删除所有间距或在它们之间使用注释。

使用内联块和在100％的块div中使用50％时也存在类似的问题。

谷歌浏览器与div之间的奇怪差距

1 个答案: