如何设置框架的最小和最大高度或宽度？

@media screen and (max-width: 600px) {
  /* 小于等于600px屏幕宽度的样式 */
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  /* 大于600px小于等于1024px屏幕宽度的样式 */
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container > * {
  flex: 1 1 auto;
}

function setSizes() {
  var screenWidth = window.innerWidth;
  var screenHeight = window.innerHeight;
  
  if (screenWidth <= 600) {
    // 小于等于600px屏幕宽度的样式
  } else if (screenWidth > 600 && screenWidth <= 1024) {
    // 大于600px小于等于1024px屏幕宽度的样式
  } else {
    // 大于1024px屏幕宽度的样式
  }
}

setSizes();