Grid 布局中的一些疑问

Question

最近在看一些关于 Grid 布局方面的文档，遇到一些疑惑：

1. 怎么控制宽高？
   在 Grid 布局中宽高由父元素通过 grid-template-columns, grid-template-rows 控制，可以设置容器中的对齐方式，但是我的期望是打个格子就行，宽高由子元素控制，自动撑满就好。现在想要改变子元素的宽高却需要修改父元素的 CSS，感觉很别扭啊。尤其是在组件化的时候，改变宽高要父子组件通信，太麻烦了啊。另外，如果用 fr，fr 的大小和子元素的大小不同时会怎么计算呢？
2. 使用 grid-template-areas 配合 grid-area 布局与直接在子元素上设置 grid-column、grid-row 有什么区别？感觉前者更高端，但是需要父子组件配合，而后者只需要设置子元素，更实用一些？
3. Grid 布局目前不提供对网格线的颜色控制，是当初就这样设计的么，如果是的话能否告知一些原因呢？