android 4.4.2和css3网格是否存在兼容性问题

Question

我已经使用javascript，css，html编写了一个应用程序。它在android 7.1.1上工作正常，但在android 4.4.2上无法正确显示网格

我去过w3c并复制并粘贴了有关简单网格如何工作的示例，它在android 4.4.2上都不起作用

    .grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  background-color: #2196F3;
  padding: 10px;
}
.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
}



    <div class='grid-container' >

    <div  class="grid-item" >1</div>

    <div  class="grid-item" >2</div>

    <div  class="grid-item" >3</div>

    </div>

在android 7.1.1上，显示3列的单行。 在android 4.4.2上显示3行，其中每行有1列。