CSS在最小化屏幕时将div保持为固定宽度

在CSS中，可以使用媒体查询（Media Queries）来实现根据设备屏幕尺寸动态设置样式。通过使用min-width媒体查询，可以创建响应式设计，将div元素在最小化屏幕尺寸时保持为固定宽度。

以下是使用CSS在最小化屏幕时将div保持为固定宽度的示例代码：

/* 默认样式 */
div {
  width: 100%;
  /* 其他样式属性 */
}

/* 媒体查询 - 当屏幕宽度小于等于768px时 */
@media screen and (min-width: 768px) {
  div {
    width: 50%;
    /* 其他样式属性 */
  }
}

在这个示例中，当屏幕宽度小于等于768px时，div元素的宽度将设置为50%。在更小的屏幕尺寸下，div元素的宽度将保持为固定宽度。