Как заставить приложение Phonegap отображать более одного столбца в сеточном контейнере - PullRequest
Новая
       3

Как заставить приложение Phonegap отображать более одного столбца в сеточном контейнере

0 голосов
/ 11 мая 2019

Я пытаюсь построить сетку пользователей в моем приложении телефонного промежутка, которая показывает каждого пользователя как ячейку в сетке.Однако, когда я использую сетку с тремя столбцами, я вижу только один.Это на эмуляторе андроида.

Если я тестирую его в браузере, он показывает три столбца, а в эмуляторе Android - только один.

Я попытался создать новый проект с нуля, который пытается создать сетку только с тремяколонны.Я просто получаю очень широкие плитки и только по одной на строку.

Это index.html и файл CSS: 

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background-color: turquoise;
  padding: 10px;
}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 100, 100, 0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
}
<!DOCTYPE html>
<html>

<head>
  <title>Tangle</title>
  <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

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

</body>

</html>
...