Css 项目不'；将Flexbox与浏览器缩放一起使用时不缩放

我继承了一个使用Flexbox实现基本2列布局的站点。用户注意到，当您使用浏览器的缩放功能时，flex显示项目周围的内容会缩放，但flex项目本身实际上会收缩

我曾尝试将flex收缩设置为0，但这似乎无法解决问题

这里有一个代码笔来说明这个问题

我试图弄清楚是否可以使用flexbox，并且仍然可以像用户期望的那样进行浏览器缩放。我可以重写代码来抛弃flexbox，但这似乎是一种很严厉的方法

div{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
边缘顶部：60像素；
}
img{
宽度：50%；
身高：100%；
最大高度：100%；
最大宽度：100%；
弹性收缩：0；
}

当我放大和缩小时，图像也会放大和缩小。在那个代码笔里，什么东西不适合你？当我用Chrome放大时，我看到的就是这个。请注意，图像较小，文本较大。如果更改为

display:inline block

，您将看到它们在代码笔中的行为也相同。您可能希望使用更真实的示例，其中文本和图像都在代码中，而不是比较codepen本身的行为