AtGrid 当 columnNum 设置为五个及以上时排版错误，未正常缩放

**问题描述**
Taro UI Demo缩提供的AtGrid使用样例，在 添加 columnNum='5'时 未正确缩放显示
使用padding或者margin添加边距时会更加凸显问题

```js

```

**期望行为**
我希望一行可以显示五个，正确计算大小缩放 icon 和 文字

**系统信息**
Taro CLI 3.0.15 environment info:
System:
OS: macOS 11.2.1
Shell: 5.8 - /bin/zsh
Binaries:
Node: 13.8.0 - /usr/local/bin/node
npm: 6.14.5 - /usr/local/bin/npm
npmPackages:
@tarojs/components: 3.0.15 => 3.0.15
@tarojs/mini-runner: 3.0.15 => 3.0.15
@tarojs/react: 3.0.15 => 3.0.15
@tarojs/runtime: 3.0.15 => 3.0.15
@tarojs/taro: 3.0.15 => 3.0.15
@tarojs/webpack-runner: 3.0.15 => 3.0.15
babel-preset-taro: 3.0.15 => 3.0.15
eslint-config-taro: 3.0.15 => 3.0.15
react: ^16.10.0 => 16.14.0
taro-ui: ^3.0.0-alpha.3 => 3.0.0-alpha.3