Css flex don'内的图像；t调整大小

我真的不知道。我已经用flex属性完成了这个div，它工作得很好，但是如果我调整屏幕大小，图像和文本不会相应地调整大小，所有内容都在下一行，并且所有内容都保持相同的大小

#质量{
柔性包装：包装；
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
-webkit盒方向：水平；
-moz盒方向：水平；
盒子方向：水平；
弯曲方向：行；
-webkit盒包：中心；
-莫兹盒包装：中心；
盒式包装：中间；
证明内容：中心；
-webkit框对齐：居中；
-moz框对齐：居中；
框对齐：居中；
对齐项目：居中；
身高：100%；
宽度：100%；
位置：相对位置；
背景色：#eef199；
填充顶部：100px；
填充底部：100px；
}
#质量img{
保证金：自动；
宽度：50%；
}
#品质p{
保证金：自动；
宽度：70%；
字号：2em；
颜色：白色；
}
.细胞{
-webkit-box-flex:1；
-moz-box-flex:1；
箱型柔性：1；
-webkit flex:1自动；
flex:1自动；
填充：10px；
利润率：10px；
文本对齐：居中；
}
@介质（最大宽度：768px）{
#身体#测试#容器#回家前#品质视频{
高度：自动；
}
.单元格{高度：20%；}
img{高度：10%；}
}

根据scopi的不同，mandorle sono使用的不同质量：le mandorle piùcomuni
索诺·奎尔·多尔奇，在皮亚蒂的每种调味品中使用斯佩索·安奇，索诺·曼多尔的每种调味品中使用斯佩索·安奇
阿马尔，我们在曼多拉和阿尔梅林的城市生活，在曼多尔的城市生活
白球菌、维生素e和维生素e的国际标准
我要去曼多尔

您有一个媒体查询，但其中的css完全不起作用，因为您是在不存在的类上调用它们。我想你是想用身份证打电话给他们。啊，是的，没错！更正了，但是，问题仍然存在。显然，通过使填充和边距为1px并添加媒体。单元格{height:5%}一切似乎都正常。。。但这是一个草率的解决办法，我希望看到一个解决方案更少。。。马虎。老实说，根据你的描述，我不确定你预期的行为是什么。您希望图片始终并排在一行上吗？你想让文字变小吗？