应用display:flex时图像变小

是由于flex布局的特性所导致的。在flex布局中，元素会根据容器的大小和flex属性的设置自动调整大小和位置。

当将display属性设置为flex时，容器会根据其子元素的大小和flex属性的设置来自动分配空间。默认情况下，子元素会按照其原始大小进行布局。如果子元素的大小超过了容器的大小，那么子元素会自动缩小以适应容器。

这种自动缩小的行为可以通过设置flex属性来控制。flex属性是一个数字，表示了元素在flex容器中的分配比例。默认情况下，所有子元素的flex属性值都为0，即它们不会被分配额外的空间。如果某个子元素的flex属性值大于0，那么它会按照比例分配剩余空间，从而导致其他子元素的缩小。

因此，当应用display:flex时，如果子元素的大小超过了容器的大小，那么它们会根据其flex属性的设置进行自动缩小。这种自动缩小的行为可以帮助实现响应式布局和适应不同屏幕尺寸的需求。

关于flex布局的更多信息和用法，可以参考腾讯云相关产品的介绍链接地址：腾讯云Flex布局介绍