在Flex布局中，flex-grow属性用于指定元素在容器中的扩张比例，flex-shrink属性用于指定元素在容器中的收缩比例，flex-basis属性用于指定元素的初始大小，当元素的flex-grow或flex-shrink值大于0时，其子元素会跟随其父元素的大小变化而变化，反之则不会改变。

例如，假设有一个container元素，其中有一个box元素作为固定宽度的子元素。以下是使用Flex布局实现的示例：

```html

```

在这个示例中，container元素的flex-wrap属性设置为wrap，这意味着容器中的每个子元素都将被放置在宽度为200px的网格行中。由于box元素的flex值设置为1，这意味着它将占据整个宽度的1/2，因此在宽度为200px的网格行中，它将占据100px的宽度。

当窗口宽度减小时，box元素的宽度也会减小，这是因为它的flex-shrink属性设置为1，这意味着它会缩小为100px的宽度。这样，box元素的flex-grow属性的值将变为0，其子元素将跟随容器的宽度变化而变化，因此，随着窗口宽度的减小，box元素的子元素也会减少，而其自身的大小也会相应减小，使得容器中的每个子元素都有了不同的大小。

总之，在Flex布局中，固定宽度的元素会随着窗口的缩放改变大小，这是因为flex-grow和flex-shrink属性用于控制元素在容器中的扩张比例和收缩比例，以及flex-basis属性用于指定元素的初始大小。当窗口宽度减小时，元素的子元素的大小也会随之变化，使得容器中的每个子元素都有了不同的大小。