如果使用Angular flex-layout时，网格大小不如预期工作，可以尝试以下解决方法：

1. 确保已正确导入和安装Angular flex-layout模块。 首先，在你的Angular项目中，确保已正确导入Angular flex-layout模块。在你的app.module.ts文件中添加以下代码：

   import { FlexLayoutModule } from '@angular/flex-layout';
   
   @NgModule({
     ...
     imports: [
       ...
       FlexLayoutModule
     ],
     ...
   })
   export class AppModule { }
   

2. 使用flex属性来设置网格大小。 当使用flex-layout时，可以使用flex属性来设置网格的大小。例如，要将一个元素设置为占据整个宽度的一半，可以使用以下代码：

   
     
   Half Width
     
   Half Width
   
   

   在上面的例子中，两个div元素都设置了fxFlex属性为"50%"，这意味着它们将平均占据父容器的宽度的一半。

3. 使用fxFlex属性来设置网格大小。 另一种设置网格大小的方法是使用fxFlex属性。fxFlex属性接受一个数字作为参数，该数字表示网格的大小。例如，要将一个元素设置为占据整个宽度的一半，可以使用以下代码：

   
     
   Half Width
     
   Half Width
   
   

   在上面的例子中，两个div元素都设置了fxFlex属性为"1"，这意味着它们将平均占据父容器的宽度的一半。

4. 调试CSS样式。 如果以上方法仍然无法解决问题，可以考虑调试CSS样式。在浏览器中使用开发者工具检查元素的样式，并查看是否有其他的CSS规则正在影响网格大小。

希望以上解决方法能够帮助你解决Angular flex-layout中网格大小不如预期的问题。