Призрачные линии CSS Grid на маленьких дисплеях с Chrome - PullRequest
Новая
       8

Призрачные линии CSS Grid на маленьких дисплеях с Chrome

0 голосов
/ 03 сентября 2018

У меня есть сетка из множества предметов такого же размера. Разрыв не определен, но я все еще получаю раздражающие призрачные линии между элементами.

Это происходит только с Chrome на небольших дисплеях (на Android и при активном режиме устройства). Я не смог воспроизвести это в Firefox или Safari Device Mode.

Вот пример кода: https://codepen.io/anon/pen/yxbLav

HTML 

<div class="board x9">
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>

  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>

  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
</div>

CSS 

.board {
  display: grid;
}

.board.x9 {
   grid-template-columns: 40px 40px 40px;
}

.cell {
  background-color: #232323;
  height: 40px;
}

enter image description here

Есть ли способ это исправить?

...