Css 从chart.js调整饼图大小

我正试图订购我拥有的一系列图形（从

chart.js

库中），其中有一个是我无法处理的。然后我展示了它的屏幕截图

正如您所看到的，左边的和右下角的已经就位，但是饼图类型（圆形）做了它想要做的事情

代码：

#graficos#u容器{
身高：100%；
宽度：100%；
背景色：#E0；
显示器：flex；
弯曲方向：行；
证明内容：中心；
对齐项目：居中；
}
#一图{
高度：500px；
宽度：55%；
背景色：#FFF；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
利润率：0.5px；
边框：1px实心#a8a7a7；
边界半径：5px；
}
#普鲁巴{
宽度：90%；
}
#帕奎特斯·格拉夫{
高度：自动；
宽度：90%；
背景色：番茄；
}
#二次图{
高度：500px；
宽度：35%；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
利润率：0.5px；
}
.单双图{
身高：50%；
宽度：100%；
背景色：#FFF；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
保证金：5px0；
边框：1px实心#a8a7a7；
边界半径：5px；
}

---

您是否尝试将display:flex添加到.prueba类中，在您的示例中，它现在似乎响应良好

#graficos#u容器{
身高：100%；
宽度：100%；
背景色：#E0；
显示器：flex；
弯曲方向：行；
证明内容：中心；
对齐项目：居中；
}
#一图{
高度：500px；
宽度：55%；
背景色：#FFF；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
利润率：0.5px；
边框：1px实心#a8a7a7；
边界半径：5px；
}
#普鲁巴{
宽度：90%；
显示器：flex；
}
#帕奎特斯·格拉夫{
高度：自动；
宽度：90%；
背景色：番茄；
}
#二次图{
高度：500px；
宽度：35%；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
利润率：0.5px；
}
.单双图{
身高：50%；
宽度：100%；
背景色：#FFF；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：立柱；
保证金：5px0；
边框：1px实心#a8a7a7；
边界半径：5px；
}

---

您的代码片段中的红色框似乎表现出响应性…因此我认为您可能需要拿出一个实际显示问题的示例。您的库可能会覆盖某些格式，但我们无法验证这一点，因为您的示例缺少实际使用它的必要部分。