当屏幕大小缩小时，隐藏部分内容

Question

我想把前面的小图标隐藏掉，但是当屏幕放大时他就又会正常显示。
这是正常大小下的代码：
<div class="container my-1 mw-100" style="display:inline-block">

        <i class="fas fa-tag"></i><a href=""class="ml-1">我的优惠卷</a>
        <p class="my-2"><i class="fas fa-yen-sign"data-fa-transform="grow-2 right-4"></i><a href=""class="ml-1">账户余额</a></p>
      </div>

这是用媒体查询设置的样式：
/ 屏幕大小小于596px /
@media (max-width: 575.98px) {
.fas{ display: none }
}
但是结果还是会显示

Answer 1

没搞懂你的需求。你写的媒体查询的作用就是：当屏幕分辨率小于576px,隐藏fas，当大于576，fas显示。所以，你想要什么效果。