Web前端笔记-使用@media（媒体查询）展示及隐藏div

这里主要实现的目标是实现当分辨率低了就隐藏，达到某个分辨率后就显示。

如下：

正常情况：

当页面变小后：

关键代码如下：

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

当max-height小于600px时

fas的display值为none。

当max-width小于300px时

fas的display值为none。