在css中,当屏幕宽度变小时,如何强制宽度?

在css中,当屏幕宽度变小时,如何强制宽度?,css,media-queries,width,Css,Media Queries,Width,(演示页) 我想问,为什么当我的屏幕变小时,显示框会被打破 我将非常感谢你的帮助 您需要添加此CSS以防止其被扭曲: .pie-chart { min-width: 200px; } 要使它们集中在真正狭窄的设备上,您可能需要将以下内容添加到CSS中: @media (max-width: 599px) { #root>.container { margin: 0 auto; justify-content: center; } } 请注意,与其说是别

(演示页)

我想问,为什么当我的屏幕变小时,显示框会被打破

我将非常感谢你的帮助


您需要添加此CSS以防止其被扭曲:

.pie-chart {
  min-width: 200px;
}
要使它们集中在真正狭窄的设备上,您可能需要将以下内容添加到CSS中:

@media (max-width: 599px) {
  #root>.container { 
    margin: 0 auto;
    justify-content: center;
  }
}
请注意,与其说是别人帮助你,不如说是你帮助别人。为了做到这一点,您必须确保您的问题的任何答案以及问题本身将与未来的访问者保持相关,即使您在项目中解决了问题。因此,您必须在问题本身中添加问题的一部分。使用
按钮向问题中添加一个实时片段,并链接所有必需的资源,确保问题在片段中得到复制。