Browse Source

修复某些不支持grid的机型显示错误

release
liushaowen 5 years ago
parent
commit
007c22292b
  1. 15
      pages/index/index.wxss

15
pages/index/index.wxss

@ -161,19 +161,24 @@ page {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: #fff; background: #fff;
display: grid; display: inline-block;
grid-template-columns: repeat(4, 1fr);
align-content: center; align-content: center;
grid-row-gap: 10%;
box-sizing: border-box; box-sizing: border-box;
padding: 0 20rpx; /* padding: 0 20rpx; */
padding-bottom: 20rpx;
} }
.sudoku .item { .sudoku .item {
display: flex; /* display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; */
display: inline-flex;
flex-direction: column;
justify-content: center; justify-content: center;
align-items: center;
width: 25%;
margin-top: 20rpx;
} }
.sudoku .item image { .sudoku .item image {

Loading…
Cancel
Save