使用媒体查询展示及隐藏标签

2020-11-19

tec

css

目标

当分辨率低了就隐藏，达到某个分辨率后就显示

@media (max-height: 600px) {
  #chart{display: none!important;}
}
 
@media (max-width: 300px) {
  #chart{display: none!important;}
}

当max-height，即设备屏幕宽度，小于500px时，id为chart的标签的display值为none，即隐藏该标签，即可达到在手机端隐藏该标签的效果。