Div显示/隐藏媒体查询

/* 当屏幕宽度小于等于600px时，隐藏元素 */
@media screen and (max-width: 600px) {
  .hide-on-small {
    display: none;
  }
}

/* 当屏幕宽度大于等于900px时，显示元素 */
@media screen and (min-width: 900px) {
  .show-on-large {
    display: block;
  }
}

// 获取屏幕宽度
var screenWidth = window.innerWidth;

// 如果屏幕宽度小于等于600px，隐藏元素
if (screenWidth <= 600) {
  document.getElementById("hide-on-small").style.display = "none";
}

// 如果屏幕宽度大于等于900px，显示元素
if (screenWidth >= 900) {
  document.getElementById("show-on-large").style.display = "block";
}