Question

我使用css网格设计我的网站样式。它在我的计算机的标准浏览器中工作正常。但是，在我的移动设备（Android 5）中无法正常工作。我的网站没有显示网格设计。它只显示单列。

我被困在这上面了。请帮忙。感谢。

<!DOCTYPE html>
<html>
<head>
<style>
.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  background: #2196F3;
  padding: 0px;
  margin: 0px;
}
.grid-item {
  border: 1px solid #000;
  margin: 0px;
  padding: 0px;
  padding-top: 100%;
}
.grid-item:nth-child(odd) {
    background: red;
}

.grid-item:nth-child(even) {
    background: blue;
}
</style>
</head>
<body>

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

</body>
</html>

在Android 4.0 - 5.0上，CSS Grid不是Woking吗？

0 个答案: