这里主要实现的目标是实现当分辨率低了就隐藏,达到某个分辨率后就显示。
如下:
正常情况:
当页面变小后:
关键代码如下:
@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。